Digital Photography   Audio & Video   Computer Accessories   Software Applications | Home

การเปลี่ยนรูปภาพเมื่อนำ Mouse ไปทาบ




 
การเปลี่ยนรูปภาพเมื่อเลื่อน 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>



จากวันที่ 3 ต.ค. 2552