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 จะมีปัญหาล้นครอบครับ


ขอแค่ขอบคุณก็พอครับ

monster2499

ขอบคุณครับ

tnc

ขอบคุณครับ

9kapong

ขอบคุณมากครับ...

Noomhk

ขอสอบถามเรื่อง คลิกรูปภาพ
ตัวอย่าง : click ที่รูปภาพ คุณตาเลื่อน มีแสง ชายชรานักอนุรักษ์วัย 80ปี แล้วให้ไปที่ link นอก เราต้องแก้เพิ่ม code ตรงไหนครับ
ขอบคุณมากๆครับผม

suttasilo

Noomhk ตอบกลับเมื่อ 2018-8-12 14:12
ขอสอบถามเรื่อง คลิกรูปภาพ
ตัวอย่าง : click ที่รูปภาพ คุณ ...

แก้ลิงค์ตรงนี้ได้เลย ตามที่ต้องการ   http://wat3.watbangkrang.com/dat ... tjsrwcllz6zlaj6.jpg

Noomhk

suttasilo ตอบกลับเมื่อ 2018-8-13 07:34
แก้ลิงค์ตรงนี้ได้เลย ตามที่ต้องการ   http://wat3.watbangkrang.com ...

คลิกรูปภาพแล้วไม่มีอะไรเกิดขึ้นเลยครับ

suttasilo

Noomhk ตอบกลับเมื่อ 2018-8-13 16:19
คลิกรูปภาพแล้วไม่มีอะไรเกิดขึ้นเลยครับ

ก็แก้เป็นลิงค์รูปภาพของเว็บท่านสิครับ  (รูปภาพคุณตาเลื่อน มีแสง ชายชรานักอนุรักษ์วัย 80ปี เป็นลิงค์โค้ดตัวอย่างที่ทดลองทำดูในซับโดเมนเท่านั้น ตอนนี้ซับโดเมนที่ทดลองลบทิ้งหมดแล้ว)