Code HTML : ใส่ ภาพ BG ด้วยการคลิก

posted on 09 Jun 2006 09:41 by rije in HTML

u p d a t e : 25 - 07 - 07

t i t l e : เปลี่ยนภาพพื้นหลังด้วยภาพ

==========================================

<IMG SRC="pic01.gif" WIDTH=450 HEIGHT=50

onclick="body.style.backgroundImage='url(pic01.gif)'">

=========================================

e x p l a n a t i o n

<img src="pic01.gif"
----> ชื่อภาพที่โชว์ หรือภาพที่จะเปลี่ยนที่พื้นหลัง

width=450 height=50
----> ตั้งขนาดของภาพ จะไม่ใส่ก็ได้ครับ

onclick=""
----> หมายถึงเมื่อคลิก แล้วให้ทำคำสั่งใน " "

body.style.backgroundImage='url()'
---> คำสั่งเซ็ตค่าพื้นหลังด้วยภาพ
ซึ่งส่วนนี้เป็นคำสั่ง script แทรก

url(pic01.gif)
---> เรียกที่อยู่ของไฟล์ภาพขึ้นมาใช้งาน
ในที่นี้ใช้ url ของภาพได้เลยครับ

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

นำ script ไปใช้ได้โดยใส่ไว้ด้านในโค้ดเรียกภาพ
ไม่ต้องมี script ที่ head หรือใน body ครับ
สำหรับ comment #5
จะเอารูปตัวเองลง bg ที่ไหนเหรอครับ
ใส่ background="urlภาพ" นะครับ
ใส่ไว้ใน <body ---ส่วนนี้---> นะครับ

====================================

สงสัยลองเข้าเว็บนี้ดูนะครับ >>> Link Here
เมื่อคลิกที่ภาพแล้วพื้นหลังจะเปลี่ยนครับ
หากสงสัยถามมาในบล็อคได้เลยครับ *-*