About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

ทำสไลด์โชว์ (Slideshow) แสดงรูปภาพประกอบข่าว โดยใช้ข้อมูลจาก Database [Article ID : 240]


เรื่อง : วิธีการสร้างรูปภาพแบบ Slideshow โดยใช้ข้อมูลจาก Database

ผู้อ่านหลายท่านอาจจะเคยเข้าเว็บสำนักข่าวต่าง ๆ แล้วพบว่า ที่หน้าเว็บของเขามีการนำรูปประกอบข่าวต่าง ๆ มาทำเป็นรูปแบบเลื่อนไป-มา หรือในแบบ Slideshow กัน แล้วอาจจะอยากพัฒนาใช้งานกันเองบ้างกับเว็บไซต์เรา
แต่เขามีวิธีการทำอย่างไรละ เพราะ รูปภาพเหล่านั้นแน่นอนว่า เขาต้องดึงข้อมูลมาจากระบบฐานข้อมูล (Database) เป็นแน่
...บทความและคลิปในหน้าเว็บที่ท่านกำลังอ่านอยู่นี้ มีมาแนะนำกันครับ อย่างไรลองอ่านและดูคลิปปฏิบัติตามดูนะครับ (หรือใครดูแล้วอาจจะนำไปประยุกติ์สร้างเป็น Images Gallery ก็ได้ไม่ผิดแต่ประการใด)

โดยที่ในคลิปประกอบการเรียนรู้นี้ จะใช้ jQuery Plugin ที่ชื่อว่า lightSlider ซึ่งท่านสามารถ Download ได้จากด้านล่างของบทความนี้

ขอบพระคุณ Plugin จาก (Thank you for) : JQuery lightSlider

คลิปประกอบบทความ

*คลิกที่โลโก้ YouTube เพื่อเข้าดูที่ยูทูปนะครับ จะสามารถขยายจอดูได้

Request for MySQLi Database Connector
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

สร้างโปรแกรม Guestbook ด้วย Dreamweaver + PHP + MySQL ตอนที่ 3

เมื่อเราได้ทำการกำหนดรูปแบบการแสดงผลของหน้าตา Guestbook ของเราแล้ว ต่อมาเราจะทำการเรียกข้อมูลจากฐานข้อมูลขึ้นมาแสดงกับหน้าตาแสดงผลท...  

วิธีการออกแบบเว็บในแบบ Responsive ด้วย Dreamweaver ตอนที่ 2

เรื่อง : การออกแบบ Responsive Web Design ด้วย Dreamweaver ตอนที่ 2 ต่อจากตอนที่ 1 ที่เราได้ทำการ Create ไฟล์สำหรับการเริ่...  

สร้าง Link เปิดหน้าต่างใหม่ไม่มี Tool Bar

เรื่อง : สร้าง Link เปิดหน้าต่างใหม่ไม่มี Tool Bar มีหลายท่านสอบถามกันมาบ่อยเหลือเกินว่า อยากให้ทำการสร้าง Link ที่พอเมื่อ ...  

วิธีการออกแบบเว็บในแบบ Responsive ด้วย Dreamweaver ตอนที่ 1

เรื่อง : การออกแบบ Responsive Web Design ด้วย Dreamweaver ตอนที่ 1 บทความนี้มีด้วยกัน 3 ตอนครับ จะเป็นบทความที่ว่าด้วยเรื...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*