หน้าแรก  Help1 แจ้งข้อแนะนำ
สลับภาพด้วย onMouseOver

วิธีการทำ

    1. เข้าไปยังหน้าแก้ไข ที่ต้องการจะทำ "mouse over"

      ที่หน้าแก้ไข (editor)
      - คลิ๊กตำแหน่ง ที่จะทำภาพ (mouse over) ให้ mouse pointer กระพริบ

      - จากนั้นคลิ๊กที่ไอคอน  เพิ่ม/แก้ไข Script


    2. copy code ตัวอย่างนี้
      นำไปวางแล้วทำการแก้ไข url ภาพ และขนาด ให้ถูกต้องตามที่จะใช้ในเว็บไซต์คุณ



      อธิบายเพิ่มเติม : ตำแหน่งที่สามารถแก้ไขได้

      <img src="http://help2.tht.in/images/Icon_27.png" width="32" height="32" onmouseover="document.pic1.src=' http://help2.tht.in/images/Icon_16.png '"  onmouseout="document.pic1.src='http://help2.tht.in/images/Icon_27.png'" name="pic1"/>

      จุดที่ 1 : url ภาพที่1
      img src="ตำแหน่ง url รูปภาพที่1"  เปลี่ยน url รูปภาพภายใน "....."

      จุดที่ 2 : ขนาดภาพ
      width="32"
      เปลี่ยนที่ตัวเลข กำหนดความกว้างซ้าย-ขวา ตามขนาดภาพที่แสดงผล
      height="32"
      เปลี่ยนที่ตัวเลข กำหนดความสูงบน-ล่าง ตามขนาดภาพที่แสดงผล

      จุดที่ 3 : url ภาพที่2 (ที่เปลี่ยนเวลาเมาส์อยู่บนภาพ)
      onmouseover="document.pic1.src='ตำแหน่ง url รูปภาพที่2'"

      จุดที่ 4 : url ภาพที่1
      onmouseout="document.pic1.src='ตำแหน่ง url รูปภาพที่1'"

      จุดที่ 5 : =ชื่อชุด mouse over  กรณีมากกว่า 1 ตำแหน่ง ในหน้าเดียวกัน
      name="ชื่อชุด"

       ..... จะต้องเปลี่ยน pic1 ทั้ง 3 ที่ในcode เป็น pic2  หรือ pic3 หรือมากกว่านั้น ตามจำนวนชุดภาพที่ทำ mouse over ที่มากขึ้น
      ตัวอย่างเช่น



      <img src="images/Icon_27.png" width="32" height="32" onmouseover="document.pic1.src='images/Icon_16.png'" onmouseout="document.pic1.src='images/Icon_27.png'" name="pic1">
      <img src="images/Icon_27.png" width="32" height="32" onmouseover="document.pic2.src='images/Icon_16.png'" onmouseout="document.pic2.src='images/Icon_27.png'" name="pic2">
      <img src="images/Icon_27.png" width="32" height="32" onmouseover="document.pic3.src='images/Icon_16.png'" onmouseout="document.pic3.src='images/Icon_27.png'" name="pic3">


    3. วาง code ตัวอย่าง
      ลงในหน้าต่าง insert Java

      - แล้วแก้ไข url ของรูปภาพ ขนาดภาพ และชื่อชุด เปลี่ยนให้ถูกต้อง ตามที่ใช้ในเว็บไซต์คุณ
    4. เรียบร้อยแล้ว
       คลิ๊กปุ่ม Apply ออกมา  หากเรียบร้อยแล้ว    แล้วดูการแสดงที่หน้าเว็บ

-----------------------------------------
ส่วน src='url ของภาพที่ต้องการแสดง' จะใช้ url เต็มเหมือนตัวอย่างก็ได้ครับ
แต่ถ้าเป็นรูปภาพที่อยู่ภายในเว็บไซต์ของคุณเอง ที่ได้อัพโหลดไว้ ใส่เพียง images/ชื่อไฟล์ภาพ.นามสกุล
(หรือจะไป copy url image มาจากเมนู 5.2 ไฟล์ประกอบอื่นๆ ตรงช่องชื่อไฟล์ก็ได้ครับ)



เมนูที่เกี่ยวข้อง

คู่มือการใช้งาน
คู่มือโปรแกรมสำเร็จรูป
วิธีสร้างระบบสมาชิก
ฟอร์มสำเร็จรูป

วันนี้

81 คน
เมื่อวาน34 คน
เดือนนี้
ปีนี้
ทั้งหมด
760 คน
69640 คน
1516448 คน
เริ่มเมื่อ 2012-10-03
ของแต่งเว็บไซต์ บทความทั่วไป การโปรโมทเว็บไซต์ ทริปแนะนำ
THTWEB MANUAL คู่มือการใช้งานเว็บไซต์