About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

การสร้าง Gallery รูปภาพแบบกดรูปแล้วขยายได้ด้วย Lightbox for Dreamweaver [Article ID : 232]


เรื่อง : Image Gallery ด้วย Lightbox for Dreamweaver (่jQuery)

การสร้างห้องแสดงภาพหรือที่เราอาจเรียกกันว่า Images Gallery นั้นโดยส่วนมากแล้ว จะเป็นลักษณะมีการแสดงเป็นรูปภาพเล็ก ๆ หลาย ๆ รูป ที่เราเรียกกันว่ารูปแบบ Thumbnail เมื่อผู้ใช้ต้องการจะดูรูปภาพขนาดใหญ่ขึ้น จะทำการคลิกหรือกดไปที่รูปภาพขนาดเล็กนั้น เมื่อคลิกไปแล้วจะแสดงเป็นรูปขนาดใหญ่ขึ้นมาให้ผู้คลิกรับชม
ซึ่งการจัดทำ Gallery ดังที่ได้กล่าวมา ท่านสามารถเรียนรู้วิธีการจัดทำได้จากคลิปความรู้ด้านล่างนี้...และ Download ไฟล์ Extension ที่ใช้กับโปรแกรม Dreamweaver ได้จากด้านล่างของบทความครับ

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

สำหรับ Workshop ในคลิปความรู้นี้จะใช้ Extension ที่ชื่อว่า Lightbox For Dreamweaver ซึ่งเป็น jQuery Plugin ที่ได้รับความนิยมในการจัดทำ Image Gallery ประกอบ โดยมีการดึงข้อมูลรูปภาพจาก Database มาสร้างเป็น Images Gallery อย่างไรลองรับชมกัน

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

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



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

Dreamweaver with jQuery ผนึกกำลังสร้างเว็บ

เรื่อง : Dreamweaver กับ jQuery ผนึกกำลังสร้างเว็บ คราวนี้จะมาแนะนำ Extension ใหม่สักตัว เป็น Extension ที่จะทำให้โปร...  

Extension ช่วยเขียนภาษา PHP

เรื่อง : Extension ช่วยเขียน PHP ไม่ได้ทำการ Update เนื้อหาที่หน้า Extension กันสะนาน มาในครั้งนี้จะเป็นการแนะ...  

การใช้ jQuery Ui Calendar Extension

เรื่อง : การใช้ jQuery Ui Calendar Extension *Dreamweaver เวอร์ชั่น CC ไม่จำเป็นต้องติดตั้ง Extension ก็สามารถใช้งาน jQuery Ui Calendar ...  

เริ่มต้นรู้จักกับ Extensions และการติดตั้ง Extension

เรื่อง : เริ่มต้นรู้จักกับ Extensions และการติดตั้ง Extension ให้กับโปรแกรม Dreamweaver Dreamweaver Extension...  


Copyright ©2003-2016 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

*
*
*