Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.5 Thai R20240520 Rev.9 (NEW) [วิดีโอช่วยสอน] อัปเกรด Discuz! X3.4 เป็น X3.5 Discord ของ Discuz! Thai Community อย่างเป็นทางการ

Discuz! X3.4 Thai R20220811 (REV.75) สิ้นสุดการสนับสนุน Discuz! X3.4 ภาษาไทยตั้งแต่วันนี้เป็นต้นไป (ขอแนะนำให้อัปเกรดเป็น X3.5 แทน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 2992|ตอบกลับ: 7

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

[คัดลอกลิงก์]
suttasilo โพสต์ 2015-8-19 23:53:28 |โหมดอ่าน
           วันนี้นำ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 จะมีปัญหาล้นครอบครับ


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

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x

คะแนน

จำนวนผู้เข้าร่วม 2จิตพิศัย +2 ย่อ เหตุผล
nakham + 1 ถูกใจ
tnc + 1 ถูกใจ

ดูบันทึกคะแนน

monster2499 โพสต์ 2015-11-14 04:03:36
ขอบคุณครับ
tnc โพสต์ 2016-1-10 19:18:57
ขอบคุณครับ
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/dat ... tjsrwcllz6zlaj6.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ปี เป็นลิงค์โค้ดตัวอย่างที่ทดลองทำดูในซับโดเมนเท่านั้น ตอนนี้ซับโดเมนที่ทดลองลบทิ้งหมดแล้ว)
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2024-7-24 03:11

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้