Discuz Thai

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

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

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

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

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

[x2.5] Slide shows jquery แบบเท่ๆ

  [คัดลอกลิงก์]
tgdiscuz โพสต์ 2012-5-30 18:20:17 |โหมดอ่าน
แก้ไขครั้งสุดท้ายโดย tgdiscuz เมื่อ 2012-6-1 08:46

ท่านสมารถนำไปประกอบการออกแบบหน้าเว็บ discuz ได้โดยการ โมโคสเพิ่มที่ tamplate  header.html โดยดึงแบบ iframe ได้เลย ส่วนการแก้ไข slide ก็แค่เปิดไฟล์ html ที่เป็นตัวอย่าง Demo slide เท่านั้น สามารถเปลีย่นที่อยู่ภาพและลิ้งค์ในภาพ slide ได้ เพื่อเอาไปติดหัวเว็บแล้วทำให้เป็นจุดเด่นและเว็บดูทันสมัยขึ้น ตัวอย่างแบบ slide





ดูตัวอย่างที่เว็บ
  1. http://www.thaigraph.com
คัดลอกไปที่คลิปบอร์ด
ดาวโหลดไฟล์แนบ อันนี้เกี่ยวกับสคริ๊บพวก js และ css ครับ [1 money]


ส่วนไฟล์ images ขอแยกที่ดาวโหลดหละกันครับ
  1. http://www.thaigraph.com/adsslide/images.rar
คัดลอกไปที่คลิปบอร์ด
วิธีการนำไปใช้
ให้ทำการแตกไฟล์ อยู่ในที่เดียวกันหมด ในโพล์เดอร์จะมี โพล์เดอร์
css และ js และ images จากนั้นข้างนอกจะเป็น ไฟล์ html ซึ่งจะเป็นตัวอย่าง slide ในการที่เรานำมาประยุกต์นั้นเอง จากนั้นก็อัพไปยังข้างนอกที่เดียวกับ discuz board แล้วก็ใส่โคด iframe ลงไปในส่วนของ header.html ใน tamplate หลักของเรา

ตำแหน่งในการใส่โคสไอเฟรม ให้ค้นหาโคส
  1. <!--{if empty($topic) || $topic[useheader]}-->
คัดลอกไปที่คลิปบอร์ด
แล้วทำการใส่ไอเฟรมด้านล่างโคส
  1. <iframe style="border: 0px none;" src="slide/slide.html" frameborder="0" scrolling="NO" align="top" width="100%" height="400"></iframe>
คัดลอกไปที่คลิปบอร์ด
เปลี่ยนตำแหน่งที่อยู่ slide ของเราในตำแหน่ง slide/slide.html ให้ตรงกับโพล์เดอร์ที่เก็บ slide ใว้

"ขอปัญญาเกิดแด่ท่าน"

ไทยกราฟ ดอท คอม

ปล.วิธีการนี้เอาไปใช้ได้กับ Discuz ทุกเวอร์ชั่นเลยครับ

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

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

x

คะแนน

จำนวนผู้เข้าร่วม 5จิตพิศัย +5 ย่อ เหตุผล
circle + 1 เยี่ยมมากๆ
maxjame5432 + 1 โดนใจให้ทิป
zonehackinw + 1
benzeplayoff + 1 เว็บสวยมากค่ะ
lengolf + 1 ขอบคุณครับ

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

คลังกระทู้ที่เกี่ยวข้อง:

kanzayo โพสต์ 2012-5-30 19:35:56
ขอบคุณค่ะ แวะเวียนไปเยี่ยมชมที่เว๊บมา สวยดีค่ะ
GamEHiT โพสต์ 2012-6-2 20:26:12
ทำให้สไลด์ Autoplay ยังไงอ่ะครับ ของผมมันไม่ยอมเล่นเอง
 เจ้าของ| tgdiscuz โพสต์ 2012-6-8 16:04:40
แก้ไขครั้งสุดท้ายโดย tgdiscuz เมื่อ 2012-6-8 16:09

เปิดหน้า index.html หรือไฟล์ที่เราทำ slide ด้วย text editer หรือพวก Editpad แล้วดูส่วนโคส ด้านบน เหนือ </head>

หาบรรทัดที่ว่า
  1. auto                         : false,
คัดลอกไปที่คลิปบอร์ด
เปลี่ยนจาก false เป็น true ก็เล่นอัตโนมัติ แล้วครับ

ขอปัญญาเกิดแด่ท่าน
pinzuza โพสต์ 2012-6-9 20:53:34
ขอบคุณค่ะ จะลองดูนะค่ะ
Tumn โพสต์ 2012-6-14 18:44:27
ขอรับไปลองดู ไม่ทราบว่าใช้เป็นไฟล์ gif  หรือ swf ได้เปล่าครับ ขอบคุณมากๆ
kittisakkkn5 โพสต์ 2012-7-28 00:40:22
ดึงข้อมูลจากบอร์ดยังงัยคับ หาไม่เจอ
asds โพสต์ 2013-6-15 17:56:48
ทำเป็นไฟล์วีดีโอให้ดูหน่อยได้ไหมครับแบบว่ามือใหม่จริงๆครับ
naikhaosan โพสต์ 2013-8-15 12:45:12
สวยจังเลยคับขอลอง
circle โพสต์ 2013-9-14 22:21:14
สวยมากครับ
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

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

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

GMT+7, 2024-4-25 14:55

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

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