ต้องการทำให้รูปภาพธรรมดา ๆ คลิกเลือกได้เฉพาะจุด และมีการดึงข้อมูลมาแสดงบนรูปด้วย
ระบุพิกัดที่จะคลิกเลยจ๊ะ
Code (PHP)
<img src="image_url" width="800" height="600" usemap="#Map">
<map name="Map">
<area shape="rect" coords="41,17,112,60" href="#">
</map>
Date :
2014-02-18 17:21:35
By :
zankumuro
Code (PHP)
<area shape="rect" coords="41,17,112,60" href="#">
41,17,112,60 คือแกน x y z อีกอันนึงคืออะไรอะครับ แล้วส่วนของของดึงข้อมูล(ตัวเลข)จาก DB มาแทนตัวเลขบนภาพ ก็คิวรี่ปกติเลยใช่มั้ยครับ ใส่ใน value ได้เลยใช่มั้ยครับ
Code (PHP)
<area shape="rect" coords="41,17,112,60" href="#" value="<?=$objResult[""]; ?>"> //แบบนี้ใช่มั้ยครับ
Date :
2014-02-18 17:32:33
By :
littlebeer
coords กำหนดในรูปแบบ x1,y1,x2,y2 หรือพิกัด ซ้าย,บน,ขวา,ล่าง
ถ้ามีการแสดงผลข้อความด้วย area คงไม่เหมาะแล้วครับ ลองใช้ tags a หรือ div แล้วกำหนด position เป็น absolute เพื่อให้ลอยเหนือภาพจะดีกว่า
Code (PHP)
<style type="text/css">
body,td,th {
font-size: 12px;
}
.style_1 {
position: relative;
}
.style_2 {
position: absolute;
background: #000;
color: #FFF;
}
</style>
<div class="style_1">
<img src="..." width="800" height="600">
<div class="style_2" style="top: 5px; left: 5px;">Text 1</div>
<div class="style_2" style="top: 30px; left: 100px;">Text 2</div>
<div class="style_2" style="bottom: 30px; left: 500px;">Text 2</div>
</div>
Date :
2014-02-18 17:45:58
By :
zankumuro
Load balance : Server 00