การทำ Rollover image ก้ต้องใช้รูปทั้งหมดสองรูป ที่แตกต่างกัน แต่ขนาดเท่ากันนะครับ ถึงจะดี
ตามรูปเลยต้องทำใน photoshop ก่อนเนอะ
รูปแรก ผมทำเป้น ปุ่ม home แบบธรรมดา
ส่วนรูปที่สองจะเป็นตอนเมาส์โดนปุ่มจะเป้นลักษณะแบบมีเงาขึ้นหลังตัวหนังสือ
เมื่อเราได้รูปมีขนาดเท่ากัน ต่างกันเล็กน้อย ก็ เข้า dreamweaver เลยฮะ
เมือ่เข้ามาก้เลือกปุ่ม rollover image นะจ้า พร้อมที่จะใส่รูปละ กดไปตามรูปเลยเนอะ
พอกดเสร้จจะขึ้นหน้าต่างดังนี้
ที่ original image คือ เราจะกด browse เพื่อ เลือกรูปที่ ก่อนเมาส์จะโดนนะ คือรูปที่ไม่มีเงา
ที่ rollover image คือ เราจะกด browse เพื่อ เลือกรูปที่ ตอนเมาส์โดนเนอะ ก็คือรูป ที่มีเงา
แล้วกดโอเคร ก็จะได้ roolover image สบายๆๆ เวลาเมาส์โดนปุ่ม ก้จะมีเงานะฮะ
ลองทำดูนะครับ ทำไม่ได้ ถามมาได้เลย
การทำrollover วิธีนี้ จะทำโดยการใช้รูป จริงๆๆสามารถทำได้หลายวิธีนะครับ อาจจะทำโดยการใช้ css ในการทำก็ได้ อันนี้ก็เสนอการทำโดยใช้รูปครับ
ความคิดเห็นนี้ถูกผู้เขียนลบ
ตอบลบ