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

suttasilo

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

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

โค้ดภาพวิ่งจากขวาไปซ้าย

1.     <table width="945" height="133" border="0" align="center">
   
2.       <tr>
   
3.         <th scope="col"><div style="text-align: center;">
   
4.     <marquee onmouseout="this.start();" onmouseover="this.stop();"><a  target="_blank"><img title="คุณตาเลื่อน มีแสง ชายชรานักอนุรักษ์วัย 80ปี
   
5.     " src="http://wat3.watbangkrang.com/data/attachment/forum/201508/17/150159otjsrwcllz6zlaj6.jpg" style="width: 200px; height: 133px;" /></a><a  target="_blank"><img title="พลับพลังธารบานแล้วที่สวนวาง
   
6.     " src="http://wat3.watbangkrang.com/data/attachment/forum/201508/19/103947kqzizh9phhxirzjh.jpg" style="width: 200px; height: 133px;" /></a><a  target="_blank"><img title="กองทุนกลุ่มอนุรักษ์พลับพลึงธารจังหวัดพังงา
   
7.     " src="http://wat3.watbangkrang.com/data/attachment/forum/201508/17/003211bbft1egrdngn9ttf.jpg" style="width: 200px; height: 133px;" /></a><a  target="_blank"><img title="กระเช้าดอกไม้พลับพลึงธาร"
   
8.     src="http://wat3.watbangkrang.com/data/attachment/forum/201508/17/160927msb6cbebb7v5esy7.jpg" style="width: 200px; height: 133px;" /></a><font color="Red"><a  target="_blank"><img title="โครงการสร้างฝายชะลอน้ำอนุรักษ์พลับพลึงธาร"
   
9.     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
   
10.     ();" onmouseover="this.stop();"></marquee></a></div></th>  </tr></table>

คัดลอกไปที่คลิปบอร์ด

นำโค้ดไปใช้ให้แก้ไขลิงค์รูปภาพ,ลิงค์ฟอรั่มตามเว็บไซต์ของท่านครับ  เพิ่มภาพ copyโค้ดสีแดงวางเพิ่มแล้วแก้ลิงค์  

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



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