มาลองสร้าง Rollover image จาก Dreamweaver


หน้าแรก Dreamweaver CS5 มาลองสร้าง Rollover image จาก Dreamweaver
Rollover image เป็นการเปลี่ยนรูปภาพเมื่อนำเมาส์ไปวางบนรูปภาพนั้นๆ และรูปก็จะเปลี่ยนตามที่เรากำหนดครับ ขั้นตอนการทำก็งานๆ มาดูกัน

ก็ไปที่ Insert > Image Objects เลือก Rollover Image ตามรูปนะครับ


เสร็จแล้วก็ตั้งค่า


โดยรายละเอียดคือ 
1.image name ก็ใส่ชื่อรูปภาพไปแล้วแต่จะตั้งกัน
2.original image ใภาพปกติตอนที่ยังไม่ได้เอาเมาส์ไปวาง
3.rollover image ภาพที่ต้องการจะเปลี่ยนเมื่อเอาเมาส์ไปวางครับ
4.alternate text ใส่คำอธิบายรูปนั้นๆ
6.Go to url ก็สร้างลิ๊งค์นั้นเอง
เสร็จแล้วก็กด ok เป็นอันเสร็จสิ้นครับ ลอง Preview ดูครับด้วยการกด F12 ;)



ขึ้นไปด้านบน