คำอธิบายของ jQuery Lightbox ปลั๊กอินไลท์บ็อกซ์ที่ดีที่สุดสำหรับ WordPress jquery lightbox 0.5 ปลั๊กอิน joomla 2.5

บทความนี้ประกอบด้วยปลั๊กอิน jQuery Lightbox ที่ดีที่สุดที่จะช่วยคุณสร้างเว็บไซต์ที่สวยงาม

ปลั๊กอิน jQuery เหล่านี้ใช้เพื่อเพิ่มป๊อปอัปในเว็บไซต์ของคุณ ปลั๊กอินดังกล่าวเป็นเครื่องมือที่ทรงพลังมากสำหรับนักออกแบบและนักพัฒนาเว็บไซต์ เนื่องจากปลั๊กอินเหล่านี้ช่วยให้ได้เอฟเฟกต์ที่สวยงามมากซึ่งทำให้เว็บไซต์ธรรมดามีรูปลักษณ์ที่งดงามและน่าดึงดูด หากต้องการใช้ปลั๊กอิน jQuery คุณต้องมีความรู้พื้นฐานเกี่ยวกับ JavaScript และ jQuery หากคุณไม่ทราบข้อมูลพื้นฐาน เพียงอ่านคำอธิบายปลั๊กอินและปฏิบัติตามคำแนะนำ

ฉันจะเริ่มต้นด้วยปลั๊กอินที่ฉันเขียน - . คุณสามารถดูวิธีการทำงานของปลั๊กอินได้ในบทความนี้ - รูปภาพทั้งหมดสามารถคลิกได้ เป้าหมายของฉันในการพัฒนามันคือการสร้างไลท์บ็อกซ์ธรรมดาที่มีแต่รูปภาพเท่านั้น โดยไม่มีเอฟเฟกต์สไลด์โชว์ ฯลฯ

น้ำหนักเบา เปิดใช้งานระบบสัมผัส และที่สำคัญที่สุดคือปลั๊กอินแบบโมดูลาร์ที่ช่วยให้คุณสามารถลบส่วนที่ไม่จำเป็นซึ่งไม่จำเป็นออกไปได้ มันทำงานได้ดีใน เบราว์เซอร์มือถือ- คุณสามารถเปลี่ยนภาพได้ด้วยการปัดนิ้วของคุณราวกับว่าเป็นเช่นนั้น แอปพลิเคชันมาตรฐานพร้อมการเปลี่ยนผ่านที่ราบรื่น

ในตอนแรก ปลั๊กอินไลท์บ็อกซ์ไม่พร้อมใช้งานใน Bootstrap แก้ไขมัน หากคุณใช้ Bootstrap ขอแนะนำให้ใช้ไลบรารีนี้ ปลั๊กอินทำงานร่วมกับ Bootstrap ได้ดี

Strip เป็นปลั๊กอินไลท์บ็อกซ์ที่ไม่เหมือนใคร แทนที่จะวางซ้อนรูปภาพ โมดูลไลท์บ็อกซ์จะเลื่อนรูปภาพจากด้านหนึ่งไปอีกด้านหนึ่ง เพื่อให้รูปภาพไม่ปิดกั้นเนื้อหาทั้งหมด Strip รองรับทั้งรูปภาพและวิดีโอ

เป็นไลบรารี JavaScript สำหรับการสร้างแกลเลอรีไลท์บ็อกซ์แบบตอบสนอง น้ำหนักเบาและเข้ากันได้กับ รุ่นมือถือง่ายต่อการปรับแต่งและใช้การเปลี่ยนภาพที่ราบรื่นใน CSS3

Rebox เป็นไลท์บ็อกซ์ที่มีน้ำหนักเบาและรวดเร็วมากสำหรับเนื้อหา แน่นอนว่าสำหรับรูปภาพเป็นหลัก ในการเริ่มต้นปลั๊กอิน คุณจะต้องเชื่อมต่อไลบรารี JS และ CSS เท่านั้น

ปลั๊กอินไลท์บ็อกซ์ที่ยอดเยี่ยม รองรับภาพเคลื่อนไหวหลายประเภท เช่น จาง ยืดหยุ่น ซูม และการเลื่อน นอกจากนี้ยังรองรับ ประเภทต่างๆสื่อรวมถึง Youtube Embed, วิดีโอ HTML, SWF และแบบฟอร์มอินพุต

LightGallery เป็นปลั๊กอิน jQuery ที่ปรับแต่งได้สูงสำหรับการสร้างแกลเลอรีที่ตอบสนอง มีทุกสิ่งที่คุณต้องการ: การดูในไลท์บ็อกซ์ การนำเสนอภาพนิ่ง การซูมแบบเต็มหน้าจอ การแสดงตัวอย่าง นอกจากนี้ผู้ใช้ที่ดูแกลเลอรีจะสามารถดาวน์โหลดรูปภาพได้ทันที

ต่างจากพี่น้องบางคนในอุตสาหกรรม มันไม่ได้รวมการแสดงสิ่งใด ๆ ในหน้าต่างป๊อปอัป ปลั๊กอินถูกสร้างขึ้นและใช้งานได้เฉพาะสำหรับวัตถุประสงค์ในการแสดงภาพ – ทั้งแบบเดี่ยวและเป็นส่วนหนึ่งของชุด (แกลเลอรี) แต่ไม่ได้ทำให้มีเสน่ห์น้อยลงแต่อย่างใด

ปลั๊กอิน jQuery LightBox นั้นเรียบง่าย สวยงาม ไม่เกะกะ ไม่ต้องการมาร์กอัปเพิ่มเติม และใช้ในการวางซ้อนรูปภาพบนหน้าปัจจุบันด้วยพลังและความยืดหยุ่นของตัวเลือก jQuery

ช่วยให้คุณสร้างกล่องโต้ตอบในรูปแบบ Facebook ในขณะที่คุณสามารถสร้างกล่องโต้ตอบที่มีข้อความธรรมดาขององค์ประกอบ รูปภาพ หน้า Ajax บางส่วนที่อยู่ในนั้นได้

ใช้เพื่อสร้างแกลเลอรี่ภาพและแสดงเนื้อหาอื่นๆ ในหน้าต่างโมดอลที่สวยงาม หากคุณวางแผนที่จะมีแกลเลอรีรูปภาพบนเว็บไซต์ของคุณและวางเนื้อหาบางส่วนในหน้าต่างโมดอล ให้ใส่ใจกับสคริปต์นี้

ค่อนข้างเบา สามารถปรับขนาดรูปภาพให้พอดีกับขนาดหน้าต่าง และกำหนดค่าได้ง่าย

ImageLightbox.js เป็นไลท์บ็อกซ์สำหรับรูปภาพเท่านั้น ไม่ใช่วิดีโอ ข้อความ และเฟรมในเวลาเดียวกัน ตามค่าเริ่มต้นจะไม่มีส่วนหัว ปุ่มนำทาง หรือพื้นหลัง

เป็นกล่องสื่อ jQuery UI ที่สามารถแสดงเนื้อหาได้หลายประเภท รวมถึงรูปภาพและวิดีโอจาก YouTube และ Vimeo มีคุณสมบัติพิเศษมากมาย รวมถึงพาโนรามาและ Live Re-size

jQuery TosRus เป็นปลั๊กอิน jQuery ที่สะดวกและใช้งานได้สำหรับการทำงานกับวิดีโอและรูปภาพ สคริปต์สามารถทำหน้าที่เป็นเครื่องมือไลท์บ็อกซ์และแถบเลื่อนแนวนอนได้ในเวลาเดียวกัน เนื้อหาในหน้าต่างโมดอลจะตอบสนองตามค่าเริ่มต้น ปรับให้เหมาะกับอุปกรณ์ระบบสัมผัส

- นี่คือหนึ่งในประเภทของไลท์บ็อกซ์ที่ใช้ jQuery โดยมีฟังก์ชันขั้นสูงมากกว่าแบบเดิม เช่นเดียวกับแอนะล็อกอื่นๆ มันมีการตั้งค่ามากมายสำหรับควบคุมความโปร่งใสของพื้นหลัง ความเร็วในการแสดงผล เอฟเฟกต์ ขนาด ป้ายกำกับ ฯลฯ

เป็นปลั๊กอิน jQuery ที่ออกแบบมาเพื่อใช้ไลท์บ็อกซ์ที่ไม่สร้างความรำคาญและตอบสนองซึ่งเหมาะสำหรับภาพที่มีความละเอียดสูง มันใช้งานได้ดีสำหรับ อุปกรณ์เคลื่อนที่อ่าและยังสามารถใช้กับหน้าจอได้มากขึ้นอีกด้วย ความละเอียดสูงเพื่อผลลัพธ์ภาพที่สวยงาม

– ปลั๊กอิน jQuery สำหรับ คอมพิวเตอร์ตั้งโต๊ะสมาร์ทโฟนและแท็บเล็ต รองรับการควบคุมแบบสัมผัสสำหรับอุปกรณ์มือถือ การนำทางด้วยคีย์บอร์ด อุปกรณ์เดสก์ท็อป, การเปลี่ยน CSS พร้อมทางเลือกกลับไปสู่การควบคุม JQuery ค่อนข้างง่ายในการตั้งค่า

jQuery Superbox ทำให้การสร้างไลท์บ็อกซ์สำหรับรูปภาพ กลุ่มรูปภาพ หน้าภายนอกหรือเนื้อหาบางอย่าง ปลั๊กอินสามารถเข้าถึงได้อย่างสมบูรณ์และอธิบายได้ในตัว และใช้แอตทริบิวต์ "rel" เพื่อเรียกใช้สคริปต์ และใช้แอตทริบิวต์ "href" เพื่อระบุ URL ของรูปภาพหรือหน้าเว็บ

— ปลั๊กอินไลท์บ็อกซ์ jQuery ที่รองรับรูปแบบสื่อที่หลากหลาย: รวมถึงวิดีโอ, Flash / SWF, Ajax, เฟรมและแผนที่ ปลั๊กอินนี้ยังเพิ่มปุ่มต่างๆ เครือข่ายทางสังคมที่ด้านบนเพื่อให้ผู้ใช้สามารถแชร์ไปยัง Facebook, Twitter หรือ Reddit นอกจากนี้ยังมีการตั้งค่าเพิ่มเติมเพื่อดูว่าสามารถนำไปใช้ในกรณีต่างๆ ได้

- นี่เป็นอีกอันหนึ่ง jquery ที่ตอบสนองปลั๊กอินไลท์บ็อกซ์ที่เหมาะสำหรับการแสดงรูปภาพ, iFrames, Google-Maps, Vimeo และวิดีโอ YouTube ปลั๊กอินจะคำนวณความกว้างสูงสุดของรูปภาพบนหน้าจอและรักษาความสูงตามสัดส่วน แม้ว่าจะมีขนาดใหญ่กว่าความสูงของหน้าต่างก็ตาม

ช่วยให้คุณสร้างป๊อปอัปที่สวยงามได้อย่างง่ายดายโดยใช้ jQuery คุณสามารถปรับปรุงเนื้อหาสื่อของคุณโดยอัตโนมัติหรือสร้างป๊อปอัปแบบกำหนดเองโดยใช้ API อันทรงพลัง

- ไลท์บ็อกซ์แบบปรับได้ที่ยอดเยี่ยม สามารถใช้เพื่อสร้างแกลเลอรีที่น่าทึ่งที่จะดูดีบนหน้าจอใดก็ได้

Magnific Popup เป็นปลั๊กอินไลท์บ็อกซ์ jQuery ที่ใช้งานง่ายโดยเน้นที่ประสิทธิภาพ เป้าหมายหลักคือการมอบประสบการณ์ที่สะดวกสบายบนอุปกรณ์ทุกชนิด

ปลั๊กอินพื้นฐานที่มีน้ำหนัก 6 กิโลไบต์สำหรับนักพัฒนาที่มีประสบการณ์และมีเฉพาะสิ่งที่จำเป็นเท่านั้น หากคุณต้องการเอฟเฟกต์ไลท์บ็อกซ์ เช่น สำหรับกลุ่มรูปภาพในแกลเลอรี คุณสามารถเปิดใช้งานส่วนขยายแกลเลอรีได้ คุณยังสามารถพัฒนาส่วนขยายปลั๊กอินของคุณเองเพื่อใช้ในโครงการของคุณได้

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

ปลั๊กอิน jQuery เหล่านี้ใช้เพื่อเพิ่มป๊อปอัปในเว็บไซต์ของคุณ เมื่อคุณคลิกที่ภาพใดๆ จากแกลเลอรีสไลด์ รูปภาพนั้นจะเปิดขึ้นในหน้าต่างป๊อปอัปพร้อมกับปุ่มถัดไป ก่อนหน้า และปิด ปลั๊กอินดังกล่าวเป็นเครื่องมือที่ทรงพลังมากสำหรับนักออกแบบและนักพัฒนาเว็บไซต์ เนื่องจากปลั๊กอินเหล่านี้ช่วยให้ได้เอฟเฟกต์ที่สวยงามมากซึ่งทำให้เว็บไซต์ธรรมดามีรูปลักษณ์ที่งดงามและน่าดึงดูด หากต้องการใช้ปลั๊กอิน jQuery คุณต้องมีความรู้พื้นฐานเกี่ยวกับ JavaScript และ jQuery หากคุณไม่ทราบข้อมูลพื้นฐาน เพียงอ่านคำอธิบายปลั๊กอินและปฏิบัติตามคำแนะนำ ทุกปีจะมีปลั๊กอิน jQuery ใหม่มากมายที่ช่วยคุณสร้างเว็บไซต์ที่สวยงาม เหล่านี้ ปลั๊กอิน jQueryมีคุณสมบัติที่น่าทึ่งและคุณสมบัติใหม่มากมาย

ในบทความนี้เราอยากจะนำเสนอรายการที่ดีที่สุดและมีประโยชน์ให้กับคุณ ปลั๊กอินป๊อปอัป JQuery สำหรับปี 2558ซึ่งสามารถช่วยคุณสร้างเว็บไซต์ที่สวยงามและน่าดึงดูดได้

แกลเลอรี Lightbox Slider เป็นแกลเลอรี jQuery ที่จัดการง่ายและประหยัดพื้นที่ซึ่งแสดงรูปภาพและวิดีโอ

WP jQuery Lightbox เป็นปลั๊กอินป๊อปอัป jQuery ที่เรียบง่ายและมีน้ำหนักเบา มีการเปลี่ยน CSS3 เพื่อเอฟเฟกต์ที่ราบรื่นและขนาดภาพที่จัดการได้ ปรับปรุงสำหรับอุปกรณ์มือถือ

แกลเลอรีไลท์บ็อกซ์เป็นตัวช่วยสร้างฟรีที่จะช่วยให้คุณสร้างแกลเลอรีภาพป๊อปอัปพร้อมเอฟเฟกต์การซ้อนทับที่น่าทึ่งได้อย่างง่ายดายด้วยการคลิกเพียงไม่กี่ครั้ง โดยไม่ต้องใช้โค้ดแม้แต่บรรทัดเดียว

Easy FancyBox เป็นเครื่องมือสำหรับแสดงรูปภาพ เนื้อหา html และมัลติมีเดียในรูปแบบไลท์บ็อกซ์ Macintosh ปรากฏอยู่ด้านบนของหน้าเว็บ

Lightbox เป็นปลั๊กอินป๊อปอัปที่ตอบสนองและเป็นมิตรกับผู้ใช้ ปลั๊กอิน jQuery นี้ใช้งานง่ายมากและไม่มีคุณสมบัติที่ไม่จำเป็น

FooBox Image Lightbox - ใช้เพื่อสร้างแกลเลอรีภาพในหน้าต่างป๊อปอัปเหมือนกับแถบเลื่อน "ในตัว" ปลั๊กอิน jQuery ที่ตอบสนองสูงซึ่งทำงานได้ดีพอๆ กันบนจอภาพขนาดใหญ่รวมถึงบนแท็บเล็ตหรือสมาร์ทโฟน

Lightbox Plus Colorbox เป็นปลั๊กอิน jQuery ที่มีน้ำหนักเบาและปรับแต่งได้ เข้ากันได้กับ jQuery 1.3.2+ เบราว์เซอร์ไฟร์ฟอกซ์, ซาฟารี, โครม, โอเปร่า, อินเทอร์เน็ตเอ็กซ์พลอเรอร์ 7+.

Royal PrettyPhoto เป็นอีกหนึ่งปลั๊กอินป๊อปอัป jQuery ที่เหมาะสำหรับรูปภาพ เนื้อหาแบบอินไลน์ iFrames Google แผนที่, คำขอ Ajax, วิดีโอ Vimeo และ YouTube

Responsive Lightbox โดย dFactory เป็นปลั๊กอินป๊อปอัป jQuery ที่ราบรื่น ทรงพลัง และปฏิวัติวงการ ซึ่งจะเป็นประโยชน์ต่อนักออกแบบและนักพัฒนาเว็บไซต์ที่มีความทะเยอทะยานและสร้างสรรค์

Easy Swipebox เป็นปลั๊กอิน jQuery สำหรับเดสก์ท็อป มือถือ และแท็บเล็ต นี่คือปลั๊กอิน jQuery ที่ใช้งานง่าย

Magnific Popup เป็นปลั๊กอินป๊อปอัป jQuery ที่ตอบสนองโดยมุ่งเน้นที่การมอบประสบการณ์ผู้ใช้ที่ดีที่สุด ทำงานสบายกับอุปกรณ์ใด ๆ (เข้ากันได้กับ Zepto.js)

Lightbox 2 เป็นไลบรารี JavaScript ขนาดเล็กที่ใช้เพื่อแสดงรูปภาพที่ด้านบนของหน้าปัจจุบัน ติดตั้งง่ายและใช้งานได้กับเบราว์เซอร์สมัยใหม่ทั้งหมด

ดาวน์โหลด zip ของรุ่นล่าสุด (หรือรุ่นก่อนหน้า) จากหน้า Github Releases

หรือติดตั้งโดยใช้ npm:

Npm ติดตั้ง lightbox2 --save

เปิดไฟล์ zip และดูแบร์โบน ตัวอย่างการทำงานที่รวมอยู่ในโฟลเดอร์ /examples

• ภาพเดี่ยว. เพิ่มแอตทริบิวต์ data-lightbox ให้กับลิงก์รูปภาพเพื่อเปิดใช้งานไลท์บ็อกซ์ สำหรับค่าของแอตทริบิวต์ ให้ใช้ชื่อที่ไม่ซ้ำกันสำหรับแต่ละรูปภาพ ตัวอย่างเช่น:
  • ไม่จำเป็น:
  • เพิ่มแอตทริบิวต์ data-title หากคุณต้องการแสดงคำบรรยาย
• เพิ่มแอตทริบิวต์ data-alt หากคุณต้องการตั้งค่าแอตทริบิวต์ alt ของรูปภาพที่ลิงก์

หากคุณต้องการเปลี่ยนตัวเลือกเริ่มต้น ให้เรียกวิธีตัวเลือก

Lightbox2 ได้รับการทดสอบเรียบร้อยแล้วในเบราว์เซอร์ต่อไปนี้:

• อินเทอร์เน็ตเอ็กซ์พลอเรอร์
  ไฟล์ lightbox-plus-jquery.js มี jQuery v2.x และรองรับ IE 9+ หากคุณต้องการรองรับ IE 6, 7 และ 8 ให้ใช้สำเนา jQuery v1.x ของคุณเองกับ lightbox.js
• โครเมียม
• ซาฟารี
• ไฟร์ฟอกซ์
• ไอโอเอสซาฟารี
• ไอโอเอส โครม
• เบราว์เซอร์ Android
• แอนดรอยด์ โครม

• ฟรี 100%
• Lightbox ใช้งานได้ฟรีทั้งในงานเชิงพาณิชย์และไม่ใช่เชิงพาณิชย์

ทำตามขั้นตอนด้านล่างเพื่อรับความช่วยเหลือ ตรวจสอบให้แน่ใจว่าคุณได้อ่านเอกสารในหน้านี้และดูตัวอย่างที่ให้ไว้ก่อน

อย่าใช้ปัญหา Github เพื่อรายงานคำขอการสนับสนุนส่วนบุคคล

หากคุณพบข้อบกพร่อง ให้ปฏิบัติตามคำแนะนำในแนวทางการสนับสนุนเพื่อรายงานปัญหา

ในบทความนี้ ฉันได้ตรวจสอบปลั๊กอินเอฟเฟกต์ Lightbox ของ WordPress 14 ตัวที่ทดสอบสำหรับเอฟเฟกต์ Lightbox บนเว็บไซต์ WordPress ไลท์บ็อกซ์คือเอฟเฟ็กต์ภาพถ่ายซึ่งภาพถ่ายจะแสดงบนหน้าเว็บในหน้าต่างโมดอลเมื่อคุณคลิกที่ภาพถ่าย

ในหน้าต่างโมดอล ภาพถ่ายจะถูกขยายให้ใหญ่เท่ากับขนาดต้นฉบับ ในเวลาเดียวกัน อีกส่วนหนึ่งของหน้า (พื้นหลัง) จางหายไป “หน้าจอดับลง” ทำให้ผู้เยี่ยมชมเว็บไซต์มีโอกาสดูภาพอย่างใกล้ชิดโดยไม่ต้องออกจากหน้าเพจ สำหรับเอฟเฟกต์ไลท์บ็อกซ์บนเว็บไซต์ WordPress จะใช้ไลบรารี JavaScript: jQuery, MooTools

• http://lokeshdhakar.com/projects/lightbox2/
• https://github.com/lokesh/lightbox2/

Lightbox JS เป็นสคริปต์ส่วนหน้าที่เรียบง่ายและไม่เกะกะซึ่งใช้ในการวางซ้อนรูปภาพในหน้าปัจจุบัน ทำงานสำหรับทุกคน เบราว์เซอร์ที่ทันสมัย- นี้ เวอร์ชันล่าสุด Lightbox เริ่มต้น JS โดย Lokesh Dhakar คุณสมบัติปลั๊กอินประกอบด้วย:

• ดัชนี.html
• JS/JQuery-1.7.2.min.js
• JS/ไลท์บ็อกซ์.js
• CSS/ไลท์บ็อกซ์.css
• รูปภาพ/close.png
• ภาพ/next.png
• ภาพ/prev.png
• พร้อมไฟล์บางส่วนสำหรับหน้าสาธิต

ปลั๊กอิน Lightbox Plus เป็นปลั๊กอินที่ใช้วิธี Lightbox JS โดย Lokesh Dhakar (ดูด้านบน) Lightbox Plus ใช้เพื่อสร้างภาพซ้อนทับบนหน้าจอหน้าเว็บและเพิ่มลิงก์ที่ถูกต้องไปยังภาพซ้อนทับโดยอัตโนมัติ Lightbox Plus สามารถเพิ่มแกลเลอรีรูปภาพลงในไลท์บ็อกซ์ WordPress ของคุณ แสดงสไลด์โชว์ วิดีโอ แบบฟอร์ม และเนื้อหาภายนอก (ข้อความ) แบบง่ายๆ ในป๊อปอัปซ้อนทับ ด้านหลังจะมืดลงด้วยพื้นหลังสีเข้มหรือสีอ่อน ซึ่งเรียกว่าเอฟเฟกต์ "หน้ามืด"

https://github.com/AlekseyKorzun/LightBox-Gone-Wild—onLoad

→ ไลท์บ็อกซ์บน jQuery

บทความนี้แสดงตัวอย่างการเปิดตัวปลั๊กอินแกลเลอรีไลท์บ็อกซ์ใน jquery และคุณสามารถดาวน์โหลดเวอร์ชันใช้งานได้ที่นี่ นี่คือวิธีการทำงานจริง:

ข้อดีของการใช้ไลท์บ็อกซ์นี้คือสามารถควบคุมได้ผ่านแฮชการกำหนดค่า เริ่มต้นได้ง่ายมาก หากต้องการเรียกใช้ปลั๊กอิน คุณต้องมีไลบรารี jquery ใด ๆ โดยเริ่มจากเวอร์ชัน 1.2.6 รวมถึงปลั๊กอินไลท์บ็อกซ์และไฟล์สไตล์ ในไฟล์เก็บถาวรด้านล่างเป็นเวอร์ชันที่เสร็จสมบูรณ์ ดาวน์โหลด แตกไฟล์ และเปิดไฟล์ index.html ในเบราว์เซอร์ใดก็ได้ มันควรจะทำงาน

ฉันหวังว่าทุกคนจะเข้าใจวิธีการเปิดตัว ฉันจะบอกวิธีจัดการการตั้งค่าไลท์บ็อกซ์ให้คุณ ฉันขอทราบทันทีว่าปลั๊กอินไม่ทำงานใน IE 6 ดังนั้นเราจึงกำหนดเงื่อนไขการเริ่มต้นสำหรับทุกคนยกเว้น "ลา" ถัดไปเป็นอีกจุดสำคัญ: $(document).ready เนื่องจากการกำหนดค่าเริ่มต้นจะไม่ทำงานจนกว่าแผนผัง DOM จะพร้อม กระบวนการเริ่มต้นนั้นเป็นดังนี้:

$("#gallery a").ไลท์บ็อกซ์();

ซอร์สโค้ดตัวอย่าง:

if (!(navigator.userAgent.indexOf("MSIE 6") >= 0))( $(document).ready(function())( $("#gallery a").lightbox(); $.Lightbox. โครงสร้าง (( "ความเร็ว": 500, "show_linkback": จริง, "คีย์": ( ปิด: "q", ก่อนหน้า: "z", ถัดไป: "x"), "ความทึบ": 0.8, ข้อความ: ( รูปภาพ: " รูปภาพ", จาก: "จาก", ปิด: "ปิด", closeInfo: "คุณสามารถสิ้นสุดการดูได้โดยคลิกด้านนอกรูปภาพ", help: ( ปิด: "", โต้ตอบ: "ความช่วยเหลือเชิงโต้ตอบ") ), เกี่ยวกับ: ( ข้อความ: "", หัวเรื่อง: "", ลิงก์: "/index.shtml" ) ), ไฟล์: ( รูปภาพ: ( ก่อนหน้า: "/demo/img/jquery-lightbox/prev.gif", ถัดไป: "/demo/ img/ jquery-lightbox/next.gif", ว่าง: "/demo/img/jquery-lightbox/blank.gif", กำลังโหลด: "/demo/img/jquery-lightbox/loading.gif" ) ) )); ) ); )

ความเร็ว - ความเร็วของเอฟเฟกต์การเปิดและปิดรูปภาพ หน่วยเป็นมิลลิวินาที

ปุ่มพารามิเตอร์แฮช: ปิด ก่อนหน้า และถัดไป เป็นปุ่มที่ให้การควบคุมทางเลือกสำหรับการดูแกลเลอรี

ความทึบ - ความโปร่งใสของพื้นหลังที่มืด ยอมรับค่าตั้งแต่ 0 ถึง 1 สีพื้นหลังสามารถเปลี่ยนแปลงได้ในไฟล์สไตล์

พารามิเตอร์ของแฮชรูปภาพที่ซ้อนอยู่ในแฮชของไฟล์คือเส้นทางไปยังรูปภาพสำหรับพื้นหลัง ภาพเคลื่อนไหวของตัวบ่งชี้การโหลด และปุ่มย้อนกลับ

คุณยังสามารถเปลี่ยนป้ายกำกับการนำทางในแฮชข้อความได้