suttasilo โพสต์ 2015-8-19 23:53:28

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


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

monster2499 โพสต์ 2015-11-14 04:03:36

ขอบคุณครับ

tnc โพสต์ 2016-1-10 19:18:57

ขอบคุณครับsm945dz

9kapong โพสต์ 2017-3-27 16:04:10

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

Noomhk โพสต์ 2018-8-12 14:12:10

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

suttasilo โพสต์ 2018-8-13 07:34:57

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

แก้ลิงค์ตรงนี้ได้เลย ตามที่ต้องการ   http://wat3.watbangkrang.com/data/attachment/forum/201508/17/150159otjsrwcllz6zlaj6.jpg

Noomhk โพสต์ 2018-8-13 16:19:45

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

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

suttasilo โพสต์ 2018-8-13 22:50:18

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

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