suttasilo โพสต์ 2016-4-13 22:58:41

diy วิธีทำภาพสไลด์เลื่อนจากขวาไปซ้าย

         วันนี้นำdiy วิธีทำภาพสไลด์เลื่อนจากขวาไปซ้ายมาแบ่งปันครับ


          ขั้นตอนวิธีทำไปที่ ปุ่มเครื่องมือ DIY
          คลิกเลือกขั้นสูง/คลิกเพิ่มเฟรม 100% ลากไปวางตำแหน่งที่ต้องการ/ลบชื่อเฟรมออก(หรือตั้งชื่อตามต้องการ)/คลิกที่โมดูล\เลือกโค้ดHTML/ลากโค้ด HTMLไปวางที่ตำแหน่งเฟรม/ตั้งชื่อIDภาพวิ่ง/คลิกเลือกช่องแหล่งข้อมูลเป็น โค้ด HTML/นำโค้ดภาพวิ่งด้านล่างไปใส่ในช่อง/คลิกที่ยืนยัน/ปรับแต่งสีพื้นต่างๆได้ตามต้องการ/คลิกที่ยืนยัน

โค้ดภาพวิ่งจากขวาไปซ้าย
    <table width="945" height="133" border="0" align="center">
      <tr>
      <th scope="col"><div style="text-align: center;">
    <marquee onmouseout="this.start();" onmouseover="this.stop();"><atarget="_blank"><img title="คุณตาเลื่อน มีแสง ชายชรานักอนุรักษ์วัย 80ปี
    " src="http://wat3.watbangkrang.com/data/attachment/forum/201508/17/150159otjsrwcllz6zlaj6.jpg" style="width: 200px; height: 133px;" /></a><atarget="_blank"><img title="พลับพลังธารบานแล้วที่สวนวาง
    " src="http://wat3.watbangkrang.com/data/attachment/forum/201508/19/103947kqzizh9phhxirzjh.jpg" style="width: 200px; height: 133px;" /></a><atarget="_blank"><img title="กองทุนกลุ่มอนุรักษ์พลับพลึงธารจังหวัดพังงา
    " src="http://wat3.watbangkrang.com/data/attachment/forum/201508/17/003211bbft1egrdngn9ttf.jpg" style="width: 200px; height: 133px;" /></a><atarget="_blank"><img title="กระเช้าดอกไม้พลับพลึงธาร"
    src="http://wat3.watbangkrang.com/data/attachment/forum/201508/17/160927msb6cbebb7v5esy7.jpg" style="width: 200px; height: 133px;" /></a><font color="Red"><atarget="_blank"><img title="โครงการสร้างฝายชะลอน้ำอนุรักษ์พลับพลึงธาร"
    src="http://wat3.watbangkrang.com/data/attachment/forum/201508/17/064903lcqq4dqxt46x4hcz.jpg" style="width: 200px; height: 133px;" /></a></font></marquee> <marquee onmouseout="start();" onmouseover="stop();"></marquee><a> <marquee onmouseout="this.start
    ();" onmouseover="this.stop();"></marquee></a></div></th></tr></table>นำโค้ดไปใช้ให้แก้ไขลิงค์รูปภาพ,ลิงค์ฟอรั่มตามเว็บไซต์ของท่านครับเพิ่มภาพ copyโค้ดสีแดงวางเพิ่มแล้วแก้ลิงค์

ศึกษาดูรายละเอียดขั้นตอนการทำจาก VDO

FI_QMNwwwVM

เพิ่มเติมใช้กับ browser firfox, IE แต่ถาใช้ crome จะมีปัญหาล้นครอบครับ





หน้า: [1]
ดูในรูปแบบกติ: diy วิธีทำภาพสไลด์เลื่อนจากขวาไปซ้าย