https://jti.coj.go.th/th/content/category/articles/id/4/cid/6/ RSS Feed | สถาบันพัฒนาข้าราชการฝ่ายตุลาการศาลยุติธรรม th https://jti.coj.go.th/th/content/category/detail/id/4/cid/6/iid/10533/ <style type="text/css">.org-container { position: relative; display: inline-block; width: 100%; } .org-img { width: 100%; /* ทำให้รูปยืดหดตามหน้าจอได้ */ display: block; } .box{ position: absolute; border: 0px solid #c9a35d; /* ใส่สีทองให้เข้ากับธีมภาพ */ background-color: rgba(255, 255, 255, 0); /* โปร่งใส */ transition: background 0.3s; } .box:hover { background-color: rgba(201, 163, 93, 0.2); /* ไฮไลท์สีทองจางๆ เมื่อเอาเมาส์วาง */ border: 0px solid #fff; /* ขยายเส้นให้ชัดขึ้นเวลา hover */ } /* ปรับพิกัดตามตำแหน่งกล่องในรูป (หน่วย %) */ .director { top: 25%; left: 29.5%; width: 41%; height: 17.5%; } .college-1 { top: 58%; left: 2.3%; width: 11.2%; height: 10%; } .college-2 { top: 58%; left: 16.0%; width: 12.2%; height: 10%; } .college-3 { top: 58%; left: 31.5%; width: 7%; height: 10%; } .college-4 { top: 58%; left: 41.1%; width: 19.6%; height: 10%; } .college-5 { top: 58%; left: 65.0%; width: 15.0%; height: 10%; } .college-6 { top: 58%; left: 82.4%; width: 9%; height: 10%; } .college-7 { top: 74.2%; left: 5.7%; width: 16.5%; height: 10%; } .college-8 { top: 74.2%; left: 24.6%; width: 8%; height: 10%; } .college-9 { top: 74.2%; left: 34.7%; width: 11.2%; height: 10%; } .college-10 { top: 74.2%; left: 48.8%; width: 14.9%; height: 10%; } .college-11 { top: 74.2%; left: 66%; width: 18.3%; height: 10%; } .college-12 { top: 74.2%; left: 86.2%; width: 11.8%; height: 10%; } .hotspot span { display: none; } </style> <div class="org-container"><img class="org-img" src="/cms/s15//u366/บุคลากร/บุคลากร 65/บุคลากร 69/ผังโครงสร้างบุคลากร_n1.png" style="width: 100%; height: 100%;" /> <!--<a href="#" target="_blank" class="director"><span>Link 0</span></a>--> <a class="box hotspot college-1" href="https://jti.coj.go.th/th/content/page/index/id/181989" target="_blank"><span>Link 1</span></a> <a class="box hotspot college-2" href="https://jti.coj.go.th/th/content/page/index/id/181990" target="_blank"><span>Link 2</span></a> <a class="box hotspot college-3" href="https://jti.coj.go.th/th/content/page/index/id/181995" target="_blank"><span>Link 3</span></a> <a class="box hotspot college-4" href="https://jti.coj.go.th/th/content/page/index/id/253769" target="_blank"><span>Link 4</span></a> <a class="box hotspot college-5" href="https://jti.coj.go.th/th/content/page/index/id/253770" target="_blank"><span>Link 5</span></a> <a class="box hotspot college-6" href="https://jti.coj.go.th/th/content/page/index/id/253771" target="_blank"><span>Link 6</span></a> <a class="box hotspot college-7" href="https://jti.coj.go.th/th/content/page/index/id/181982" target="_blank"><span>Link 7</span></a> <a class="box hotspot college-8" href="https://jti.coj.go.th/th/content/page/index/id/181980" target="_blank"><span>Link 8</span></a> <a class="box hotspot college-9" href="https://jti.coj.go.th/th/content/page/index/id/181977" target="_blank"><span>Link 9</span></a> <a class="box hotspot college-10" href="https://jti.coj.go.th/th/content/page/index/id/181985" target="_blank"><span>Link 10</span></a> <a class="box hotspot college-11" href="https://jti.coj.go.th/th/content/page/index/id/181986" target="_blank"><span>Link 11</span></a> <a class="box hotspot college-12" href="https://jti.coj.go.th/th/content/page/index/id/253772" target="_blank"><span>Link 12</span></a></div>