การเปลี่ยนรูปภาพเมื่อเลื่อน
Mouse ไปทาบที่จุดลิงค์
เป็นการทำให้ภาพมีการเปลี่ยนแปลง
เช่นในหน้าเว็บเพจแสดงรูปภาพแหลมพรหมเทพ
และเมื่อนำ Mouse
เข้ามาทาบที่บริเวณรูปภาพ
ภาพนั้นก็จะเปลี่ยนไปเป็นอีกภาพหนึ่งทันที
ตามตัวอย่างข้างล่างนี้
ใ
|
|
ภาพที่ 1
แหลมพรหมเทพ
ภาพที่ 2 View Point |
วิธีทำ
นำ JavaScript Code ข้างล่างนี้ ไปแปะ
ณ บริเวณที่ต้องการ โดย Copy
เอาไฟล์รูปภาพ แหลมพรหมเทพ (img1.gif)
และ
ไฟล์รูปภาพ View Point (img2.gif) ซึ่งมีขนาด
กว้าง = 250 พิกเซล และสูง 172 พิกเซล
ไปไว้ที่ Path
ของหน้าเว็บเพจนั้นด้วย
<A Href="#" onMouseOver="document.myImage2.src = 'img2.gif'"
onMouseOut="document.myImage2.src = 'img1.gif'">
<IMG src="img1.gif" name="myImage2" width=250 height=172
border=0></A>
|