Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > Free Web Script > JavaScripts > JQuery Lightbox สร้างกล่อง Lightbox แบบง่าย ๆ ด้วย JQuery

JQuery Lightbox สร้างกล่อง Lightbox แบบง่าย ๆ ด้วย JQuery

JQuery Lightbox สร้างกล่อง Lightbox แบบง่าย ๆ ด้วย JQuery สำหรับ Script ตัวนี้ใช้งานง่าย ๆ มาก ๆ ไม่มีอะไรซับว้อนครับ สำหรับการติดตั้งให้ดาวน์โหลดไฟล์แล้ว ทำการติดตั้งดังตัวอย่างนี้

Download Now!!

Step 1 แทรกส่วนของ JavaSscript ลงใน meta tag ระหว่าง <header></header>

Code

Step 2 แทรกส่วนของ Css Style Sheet ลงใน meta tag ระหว่าง <header></header>

Code

Step 3 การใส่กล่อง Lightbox ให้กับรูปภาพ

กรณีรูปภาพเดียว

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

กรณีหลายรูปภาพ

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Screenshot

JQyert Lightbox

บทความอื่น ๆ ที่เกี่ยวข้อง
Go to : prettyPhoto jQuery lightbox SlideShow สร้าง lightbox ทำ Gallery ด้วย prettyPhoto
Go to : ColorBox jQuery Images SlideShow ทำ Gallery แบบ สไลด์รูปภาพแสดงภาพเปลี่ยนไปเรื่อยๆ
Go to : Popup Fancybox jQuery and PHP Mysql สร้างกล่อง Fancybox ทำงานร่วมกับ PHP และ MySQL
Go to : jQuery Tutorial : สอน jQuery เขียน jQuery กับ JavaScript เรียน jQuery ในประเทศไทย

Reference/Downloads : http://www.huddletogether.com/projects/lightbox2/


	Score Rating :
	Create Date :	2011-03-19 08:56:10
	View :	43,667
	Download :	No files

Sponsored Links

	การเรียกใช้งานข้อความใน Clipboard (IE Only) Clipboard สามารถเรียกข้อความที่ถูกเก็บไว้ เมื่อทำการ Copy หรือ Ctrl+C หรือ Ctrl+X Rating : Update : 2017-03-18 21:28:05
	Dependent ListMenu เลือกข้อมูลหลักและข้อมูลย่อยเปลี่ยนตามหัวข้อหลัก เป็นการสร้าง Dependent รายชื่อภาค คือเมื่อเลือกภาคจะแสดงรายชื่อจังหวัด และเลือกรายชื่อจังหวัดจะทำการเลือกรายชื่ออำเภอในจังหวัดนั้น ๆ มาแสดง Rating : Update : 2009-02-08 20:25:06
	JavaScript Move Option (ListMenu) การทำ Move List เป็นเทคนิคการสร้าง Option ทางเลือกข้อมูล โดยสามารถทำการ Move Option ไปทางซ้ายหรือขวาได้ตามต้องการ Rating : Update : 2009-02-08 22:31:14
	Make all your tables sortable Make all your tables sortable เรียงลำดับข้อมูลใน TABLE ด้วย JavaScript อย่างง่าย ๆ Rating : Update : 2009-01-05 22:05:17

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว