ขั้นตอนการทำ
1. เตรียมรูปภาพ โดยอาจจะวาด หรือเขียนปุ่มปิดไว้ในรูปด้วยโปรแกรมให้เรียบร้อย ดังภาพตัวอย่าง
2. จากนั้นวาด Layer ลงในเว็บเพจ 1 Layer พร้อมตั้งชื่อ "ads" ดังภาพ
3. จากนั้นนำรูปภาพที่เตรียมไว้วางใส่ลงไปใน Layer ใช้ Hotspot สร้างส่วนที่จะให้ผู้ใช้กดปุ่มปิดหน้าต่าง ดังภาพ
4. เลือกเครื่องมือ Behaviors (Shift+F3)ใช้ Action เครื่องมือ Show-Hide Layers สั่งให้ซ่อน Layer "ads" ดังภาพ
* ถ้า Show-Hide Layers ไม่ขึ้นให้เลือกที่จุด Hotspot ที่เราสร้างไว้ตอนแรกก่อน
5. จากนั้นให้สังเกตุที่เครื่องมือ Behaviorsสถานะของ Mouse อยู่ที่ onMouseOverให้เราทำการเปลี่ยนเป็น onClick ดังภาพ
* ถ้าไม่มีให้เลือกให้ไปแก้ที่โค้ดแทนก็ได้
<== ก่อนที่ยังไม่ได้แก้
<== หลังที่ได้ทำการแก้ไขโค้ดแล้ว6. จากนั้นก็ทำการใส่ Linkให้กับรุปภาพตามปกติ
7. จากนั้นก็ลองทดสอบการทำงานดูครับ
ขอขอบคุณรูปภาพจาก www.webthaidd.com
ไม่มีความคิดเห็น:
แสดงความคิดเห็น
หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น