การออกแบบเว็บไซต์และการเพิ่มประสิทธิภาพกลไกค้นหา ปลั๊กอินไลท์บ็อกซ์ที่ดีที่สุดสำหรับ WordPress jquery lightbox 0.5 ปลั๊กอิน joomla 2.5
→ ไลท์บ็อกซ์บน 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 สีพื้นหลังสามารถเปลี่ยนแปลงได้ในไฟล์สไตล์
พารามิเตอร์ของแฮชรูปภาพที่ซ้อนอยู่ในแฮชของไฟล์คือเส้นทางไปยังรูปภาพสำหรับพื้นหลัง ภาพเคลื่อนไหวของตัวบ่งชี้การโหลด และปุ่มย้อนกลับ
คุณยังสามารถเปลี่ยนป้ายกำกับการนำทางในแฮชข้อความได้
เป็นเรื่องดีจริงๆ ที่เทคโนโลยีเว็บล่าสุดพร้อมให้บริการแก่เรามากขึ้นเรื่อยๆ ซึ่งจะช่วยให้งานของเราง่ายขึ้นมาก หน้าต่าง Modal เป็นองค์ประกอบการทำงานสำหรับการแสดงเนื้อหา HTML ทุกประเภทโดยมีวัตถุประสงค์เพื่อสร้างการออกแบบและอินเทอร์เฟซที่สะดวก
ในการทบทวนนี้ เราได้รวบรวมรายการไลบรารีและสคริปต์ JQuery สำหรับการสร้างไลท์บ็อกซ์ที่จะช่วยให้นักพัฒนาและนักออกแบบสร้างเว็บไซต์ได้ดียิ่งขึ้นและเป็นมืออาชีพมากขึ้น
คุณสามารถเพิ่มสคริปต์ด้านล่างลงในเว็บไซต์ของคุณได้อย่างง่ายดาย ดังนั้นเพื่อเป็นการไม่ให้เสียเวลา เรามาดูที่ไลบรารีไลท์บ็อกซ์ super jQuery เหล่านี้ที่คุณสามารถเพิ่มลงในคลังแสงของคุณได้
1. โฟโต้สไวป์PhotoSwipe เป็นแกลเลอรีรูปภาพ HTML ที่ใช้ CSS และ JavaScript ออกแบบมาโดยเฉพาะสำหรับอุปกรณ์มือถือ เมื่อพัฒนาผู้เขียนได้ใช้บริการดูภาพเพื่อ อุปกรณ์เคลื่อนที่ไอโอเอสและกูเกิล PhotoSwipe มีอินเทอร์เฟซที่คุ้นเคยและใช้งานง่าย ซึ่งช่วยให้ทำงานกับรูปภาพบนเว็บไซต์บนมือถือได้ง่ายขึ้น
รองรับฟังก์ชันพื้นฐานทั้งหมด: การเลื่อนไปยังรูปภาพถัดไปหรือก่อนหน้า การซูมเข้า การลาก การซูมออกหรือการปิด และอื่นๆ
2. ปัดนิ้วSwipebox – ปลั๊กอิน JQuery สำหรับ คอมพิวเตอร์ตั้งโต๊ะสมาร์ทโฟนและแท็บเล็ต รองรับการควบคุมแบบสัมผัสสำหรับอุปกรณ์มือถือ การนำทางด้วยคีย์บอร์ด อุปกรณ์เดสก์ท็อป, การเปลี่ยน CSS พร้อมทางเลือกกลับไปสู่การควบคุม JQuery ค่อนข้างง่ายในการตั้งค่า
ปลั๊กอินได้รับการทดสอบบน Chrome, Safari, Firefox, Opera, อินเทอร์เน็ตเอ็กซ์พลอเรอร์ 8+, iOS4+, แอนดรอยด์, วินโดว์โฟน- เผยแพร่ภายใต้ใบอนุญาต MIT
3. ไอไลท์บ็อกซ์iLightBox ทำให้การสร้างหน้าต่างโมดอลตอบสนองที่สวยงามมากเป็นเรื่องง่ายโดยใช้ JQuery การผสมผสานการรองรับเนื้อหาสื่อที่หลากหลายเข้ากับสกินที่ยอดเยี่ยมและ API ที่ใช้งานง่าย iLightBox มุ่งมั่นที่จะทำให้ไลท์บ็อกซ์สมบูรณ์แบบที่สุดเท่าที่จะทำได้ iLightBox ให้ความสามารถในการดูใน โหมดเต็มหน้าจอ, สกินที่เข้ากันได้กับ Retina, การจัดการกิจกรรมแบบสัมผัส, การรวม YouTube และ Vimeo สำหรับวิดีโอ HTML5, JavaScript API อันทรงพลัง ปลั๊กอินมีการสนับสนุนและอัปเดตเวอร์ชันฟรี
4. ไลท์บ็อกซ์รูปภาพImage Lightbox เป็นปลั๊กอินที่เรียบง่าย ขยายได้ และปรับแต่งได้สำหรับ iOS, Android และ Windows Phone คุณสามารถโหลดรูปภาพถัดไปโดยใช้แป้นพิมพ์ของคุณได้ด้วยการใช้การแปลงและการเปลี่ยน CSS
5.ป๊อปอัปอันงดงามMagnific Popup เป็นปลั๊กอิน jQuery ที่ตอบสนองฟรีซึ่งมุ่งเน้นที่การมอบประสบการณ์อุปกรณ์ที่ดีที่สุดให้กับผู้ใช้ ปลั๊กอินไลท์บ็อกซ์ส่วนใหญ่ต้องการให้คุณกำหนดขนาดหน้าต่างโดยใช้ JS ใน Magnific Popup คุณสามารถใช้หน่วยสัมพันธ์ เช่น EM หรือปรับขนาดไลท์บ็อกซ์โดยใช้คำสั่งสื่อ CSS
6. นิโวไลท์บ็อกซ์Nivo Lightbox เป็นปลั๊กอินไลท์บ็อกซ์ที่ยืดหยุ่น มีตัวเลือกมากมายให้เลือก ซึ่งคุณสามารถเปลี่ยนรูปลักษณ์ของไลท์บ็อกซ์ได้อย่างง่ายดาย ตัวอย่างเช่น เปลี่ยนธีม เอฟเฟกต์การเปลี่ยน และวิธีการนำทาง
7.เคสไลท์Lightcase เป็นปลั๊กอินไลท์บ็อกซ์ที่ยืดหยุ่น ตอบสนอง และขยายได้ ซึ่งพัฒนาโดยใช้ JQuery มันทำงานได้อย่างสมบูรณ์แบบในเบราว์เซอร์ยอดนิยมทั้งหมด เช่น Internet Explorer 7+, Firefox, Opera, Webkit และอื่นๆ ปลั๊กอินรองรับการโทรรูปภาพ, วิดีโอ, วิดีโอ HTML5, Iframe, SWF และ AJAX
8. Lightlayer.jsLightLayer เป็นสคริปต์สำหรับแสดงไลท์บ็อกซ์แบบปรับได้ ซึ่งทำงานร่วมกับส่วนประกอบอื่นๆ บนหน้าจอใดก็ได้ สคริปต์นี้ใช้งานง่ายมากจริงๆ LightLayer ให้การควบคุมพารามิเตอร์ต่างๆ เช่น สีพื้นหลังและความทึบ ตำแหน่งไลท์บ็อกซ์ การเปิด/ปิดการเปลี่ยนภาพ และคุณสมบัติที่ปรับแต่งได้อื่นๆ อีกมากมาย
9. Strip.jsStrip คือไลท์บ็อกซ์ที่ขยายไปยังบางส่วนของหน้าเท่านั้น ทำให้รบกวนน้อยลงและอนุญาตให้โต้ตอบกับองค์ประกอบอื่น ๆ ของหน้าได้ หน้าจอขนาดใหญ่- บนอุปกรณ์เคลื่อนที่ ไลท์บ็อกซ์มีรูปลักษณ์คลาสสิก Strip ใช้ JQuery และได้รับการสนับสนุนในเบราว์เซอร์หลักทั้งหมด
10. ฟลูอิดบ็อกซ์Fluidbox เป็นปลั๊กอิน jQuery ที่ออกแบบมาเพื่อให้ไลท์บ็อกซ์ตอบสนองที่ไม่เกะกะและเหมาะสำหรับภาพที่มีความละเอียดสูง มันใช้งานได้ดีบนอุปกรณ์พกพาและยังสามารถใช้กับหน้าจอขนาดใหญ่ได้อีกด้วย ความละเอียดสูงเพื่อผลลัพธ์ภาพที่สวยงาม
11. ขนนกFeatherlight เป็นปลั๊กอินที่มีน้ำหนักเบามากใน JavaScript จำนวน 400 บรรทัด, 100 บรรทัด เส้น CSSและมีขนาดไม่เกิน 6Kb ไลท์บ็อกซ์อัจฉริยะที่ตอบสนองได้ รองรับรูปภาพ AJAX และ iframe ตามค่าเริ่มต้น คุณยังสามารถปรับเปลี่ยนให้เหมาะกับความต้องการของคุณได้ Featherlight ใช้งานได้ใน IE8+ นะทุกคน เบราว์เซอร์ที่ทันสมัยและ แพลตฟอร์มมือถือโอ้.
12. ยาลบ์Yalb ย่อมาจาก Yet Another Lightbox - แต่ไม่ใช่ Yalb มาพร้อมกับอินเทอร์เฟซชุดใหญ่ รวมถึงเหตุการณ์แบบกำหนดเองที่ให้คุณกำหนดสถานะได้ (เปิด, ปิด)
หากคุณพบไซต์รูปภาพที่สร้างด้วย jQuery ไซต์นั้นมักจะใช้ไลท์บ็อกซ์ พลังของไลท์บ็อกซ์คือสามารถเปลี่ยนแม้แต่ไลบรารีรูปภาพธรรมดาๆ ให้กลายเป็นแกลเลอรีที่น่าดึงดูดและมีประสิทธิภาพได้ คุณลักษณะนี้เป็นเหตุผลที่ทำให้เกิดความนิยมของปลั๊กอิน jQuery ในด้านการออกแบบเว็บไซต์
ต้องขอบคุณชุมชน jQuery ที่ทำให้มีปลั๊กอินไลท์บ็อกซ์จำนวนมาก ซึ่งสร้างตัวเลือกที่ยอดเยี่ยมสำหรับนักออกแบบรูปภาพ บทช่วยสอนของเรานำเสนอปลั๊กอินที่แตกต่างกัน 15 แบบที่ควรค่าแก่การใส่ใจ
เติมเงินTopUp เป็นไลบรารี JavaScript ที่ใช้งานง่ายสำหรับการแสดงรูปภาพและหน้าเว็บอย่างสงบเสงี่ยม ไลบรารีได้รับการจัดการผ่าน jQuery และ jQuery UI เพื่อให้มั่นใจถึงความเข้ากันได้และความกะทัดรัดข้ามเบราว์เซอร์
ปลั๊กอินไฮสไลด์ไฮสไลด์- เครื่องมือพิเศษเพื่อดูภาพ สื่อ และแกลเลอรี่
กล่องสีปลั๊กอินแบบกำหนดเองขนาดเล็กสำหรับ jQuery 1.3+
Lightbox 2 เป็นสคริปต์ที่เรียบง่ายและไม่สร้างความรำคาญซึ่งใช้เพื่อแสดงรูปภาพในเลเยอร์ซ้อนทับบนหน้าปัจจุบัน ติดตั้งง่ายและใช้งานได้กับเบราว์เซอร์สมัยใหม่ทั้งหมด
PrettyPhoto ไม่เพียงแต่รองรับรูปภาพเท่านั้น แต่ยังรองรับวิดีโอ, แฟลช, YouTube และ Ajax อีกด้วย ไลท์บ็อกซ์สำหรับไฟล์มีเดีย
Slimbox 2 เป็นโคลนขนาด 4 KB ของ Light box 2 ซึ่งใช้งานโดยใช้ jQuery
Shadowbox เป็นเว็บแอปพลิเคชันสำหรับการดูไฟล์มีเดียที่รองรับรูปแบบยอดนิยมทุกรูปแบบ Shadowbox เขียนด้วย JavaScript และ CSS และสามารถปรับแต่งได้สูง
Pirobox ขยาย V.1.0.ข้อดีอย่างหนึ่งของปลั๊กอินนี้คือความสามารถในการเปิดไฟล์ทุกประเภท ตั้งแต่เนื้อหาที่ฝังไปจนถึงไฟล์ .swf จากรูปภาพธรรมดาไปจนถึงไฟล์ .pdf
คุณสมบัติที่ยอดเยี่ยมอื่น ๆ : การเปลี่ยนแปลงอัตโนมัติขนาดภาพและการรองรับการลากและวาง
GreyBox สามารถใช้เพื่อแสดงเว็บไซต์ รูปภาพ และเนื้อหาอื่นๆ
Super Box เป็นปลั๊กอินที่แสดงหน้าต่างพร้อมเอฟเฟกต์ไลท์บ็อกซ์
ฉันได้ตรวจสอบแกลเลอรีรูปภาพต่างๆ หลายครั้งและรวบรวมคอลเลกชั่นสไลด์โชว์และปลั๊กอินที่น่าทึ่งมากมาย Lightbox ยังมีให้บริการเฉพาะบน CSS3 โดยไม่ต้องเชื่อมต่อไลบรารี js เพิ่มเติม แต่เวลาไม่หยุดนิ่ง ผู้ใช้ใช้อุปกรณ์เคลื่อนที่ต่างๆ มากขึ้นในการท่องอินเทอร์เน็ต ซึ่งหมายความว่าความสามารถในการปรับตัวขององค์ประกอบเว็บ และโดยเฉพาะอย่างยิ่งแกลเลอรีรูปภาพที่มีเอฟเฟกต์ "" กำลังกลายเป็นหนึ่งในลำดับความสำคัญที่นักออกแบบเว็บไซต์และนักพัฒนาควรให้ความสนใจ ถึง.
ขอนำเสนออีก 15 รายการครับ jQuery ที่ตอบสนองปลั๊กอินที่เป็นมิตรทั้งกับเบราว์เซอร์เดสก์ท็อปและลงตัวกับหน้าจอของอุปกรณ์มือถือต่างๆ (แล็ปท็อป สมาร์ทโฟน แท็บเล็ต ฯลฯ)
ชมการสาธิตบนเว็บไซต์ของนักพัฒนา ดาวน์โหลดปลั๊กอินที่คุณชอบและสร้าง สร้าง สร้าง...
1. ไอไลท์บ็อกซ์iLighbox เป็นปลั๊กอิน jQuery Lightbox ที่มีน้ำหนักเบาพร้อมการรองรับที่หลากหลาย ประเภทต่างๆไฟล์: รูปภาพ วิดีโอ Flash/SWF เนื้อหา Ajax เฟรม และแผนที่แบบฝัง ปลั๊กอินนี้ยังเพิ่มปุ่มต่างๆ เครือข่ายสังคมออนไลน์ซึ่งอนุญาตให้ผู้ใช้สามารถแชร์เนื้อหาผ่าน Facebook, Twitter หรือ Reddit โอกาสอันยอดเยี่ยมในการจัดสไลด์โชว์ แกลเลอรี่ภาพ และวิดีโออันน่าตื่นตาตื่นใจ พร้อมการรับชมในโหมดปกติและเต็มหน้าจอ
iLighbox ทำงานค่อนข้างเร็วและเมื่อดูบนอุปกรณ์เคลื่อนที่ จะแสดงเนื้อหาที่ประมวลผลได้ถูกต้องมากกว่า เหนือสิ่งอื่นใด การใช้ปลั๊กอินนี้ทำให้คุณสามารถใช้การแสดงบล็อกข้อมูลเช่นหน้าต่างโมดอลได้อย่างง่ายดาย
- การพึ่งพา: jQuery
- รองรับเบราว์เซอร์: IE7+, Chrome, Firefox, Safari และ Opera
- ใบอนุญาต: ปีศาจรู้)))
Swipebox เป็นปลั๊กอิน jQuery ที่รองรับ หน้าจอสัมผัสแพลตฟอร์มมือถือ นอกจากรูปภาพแล้ว ปลั๊กอินยังรองรับวิดีโอแบบฝังจาก Youtube และ Vimeo Swipebox นั้นง่ายต่อการแนบกับโปรเจ็กต์ใด ๆ ปลั๊กอินมีตัวเลือกที่ใช้งานง่ายมากมายสำหรับปรับแต่งการทำงานและพฤติกรรมของมัน เว็บไซต์ของนักพัฒนาซอฟต์แวร์มีเอกสารโดยละเอียดเกี่ยวกับการเชื่อมต่อและใช้งานปลั๊กอิน โดยไม่มีขนปุยที่ไม่จำเป็น ทุกอย่างตรงประเด็น ดังนั้นฉันคิดว่ามันคงไม่ยากที่จะเข้าใจว่าอะไร ที่ไหน และทำไม
- การพึ่งพา: jQuery
- รองรับเบราว์เซอร์: IE9+, Chrome, Safari, Firefox, Opera, IOS4+, Android และ Windows Phone
- ใบอนุญาต: ไม่ได้กำหนดไว้ บางทีคุณอาจจะโชคดี)))
ปลั๊กอินไลท์บ็อกซ์ที่เป็นที่รู้จักมายาวนานและได้รับการพิสูจน์แล้วโดยใช้ jQuery หรือ Zepto.js ผู้เขียนปลั๊กอินคือ Dmitry Semenov ซึ่งเป็นผู้พัฒนาปลั๊กอิน PhotoSwipe ด้วย ซึ่งฉันจะพูดถึงด้านล่าง นำเสนอในรูปแบบปลั๊กอิน jQuery/Zepto โดยมีคุณสมบัติขั้นสูงเพิ่มเติมที่ไม่มีใน PhotoSwipe เช่น การรองรับวิดีโอ การแสดงแผนที่และเนื้อหา Ajax การใช้หน้าต่างโมดอลด้วยรูปแบบในตัว จากเกณฑ์ทั้งหมด นี่เป็นอีกหนึ่งเครื่องมือที่ยอดเยี่ยมสำหรับนักพัฒนาเว็บ มีปลั๊กอินแยกต่างหากสำหรับ WordPress และเอกสารรายละเอียดเกี่ยวกับการตั้งค่าและการใช้งาน สิ่งเดียวที่น่าหดหู่คือการขาดเอกสารเป็นภาษารัสเซีย เมื่อพิจารณาจากชื่อและนามสกุล ผู้เขียนดูเหมือนจะเป็นคนรัสเซีย ไม่เคยเข้าใจว่ามันเป็นอันตรายหรือเพราะจินตนาการถึงความตระหนักรู้ถึงความซับซ้อนของเขาเอง แต่น่าเสียดาย เอาละใครจะคิดออกเราก็ไม่ได้ต้มชาลวกด้วย)))
- การพึ่งพา: jQuery 1.9.1+ หรือ Zepto.js
- รองรับเบราว์เซอร์: IE7 (บางส่วน), IE8+, Chrome, Firefox, Safari และ Opera
- ใบอนุญาต: ใบอนุญาต MIT
- การพึ่งพา: Javascript หรือ jQuery
- รองรับเบราว์เซอร์
- ใบอนุญาต: ใบอนุญาต MIT
ปลั๊กอินไลท์บ็อกซ์ขนาด 6 kbit สำหรับนักพัฒนาที่เชี่ยวชาญไม่มากก็น้อย พร้อมด้วยฟังก์ชันที่จำเป็นที่สุดทั้งหมด นอกเหนือจากการรองรับประเภทเนื้อหาทั่วไปทั้งหมด (ข้อความ, รูปภาพ, iframe, Ajax) แล้ว ยังมีความสามารถในการเชื่อมต่อประเภทเพิ่มเติม และคุณยังสามารถพัฒนาส่วนขยายของคุณเองสำหรับปลั๊กอินนี้ ซึ่งจะตอบสนองความต้องการของคุณอย่างเต็มที่เมื่อสร้างใหม่ โครงการ. ฉันไม่ได้พิจารณาจริงๆ ว่าสิ่งทั้งหมดนี้ (การพัฒนาส่วนขยาย) ทำงานอย่างไร แต่ผู้ที่ติดตั้งปลั๊กอินนี้ ฉันคิดว่าพวกเขาจะเข้าใจได้)))
- การพึ่งพา: jQuery
- รองรับเบราว์เซอร์: IE8+, Chrome, Firefox, Safari และ Opera
- ใบอนุญาต: ใบอนุญาต MIT
LightGallery เป็นปลั๊กอินไลท์บ็อกซ์มัลติฟังก์ชั่นที่มีมากมาย คุณสมบัติเพิ่มเติม- มาพร้อมกับตัวเลือกมากกว่า 20 รายการในการปรับแต่งรายละเอียดที่เล็กที่สุดของไลท์บ็อกซ์ มีทุกอย่างที่นี่ดีหรือเกือบทุกอย่าง)) แกลเลอรี่ภาพเต็มรูปแบบพร้อมภาพขนาดย่อที่จัดเรียงอย่างประณีต องค์ประกอบการนำทาง และการเลื่อนภาพขนาดย่อ มาร์กอัป HTML อย่างง่ายในรูปแบบของรายการที่ไม่เรียงลำดับ
- ใช้แอตทริบิวต์ data-src สำหรับรูปภาพขนาดเต็ม เช่นเดียวกับวิดีโอจาก Youtube และ Vimeo การสนับสนุนที่ยอดเยี่ยมสำหรับรูปแบบวิดีโอทุกรูปแบบ HTML5, MP4, WebM, Ogg... ภาพขนาดย่อแบบเคลื่อนไหว เค้าโครงที่ตอบสนองต่อมือถือ เอฟเฟกต์สไลด์ และการเปลี่ยนภาพที่ราบรื่นเมื่อสลับระหว่างรูปภาพและเนื้อหาอื่น ๆ รูปร่างง่ายต่อการสร้างและกำหนดค่าด้วย ใช้ CSS- การโหลดรูปภาพล่วงหน้าและการเพิ่มประสิทธิภาพโค้ด การนำทางโดยใช้แป้นพิมพ์สำหรับเดสก์ท็อปรวมถึงความสามารถในการใช้ไอคอนแบบอักษรเพิ่มเติม LightGallery เป็นที่ซึ่ง "การผสมผสาน" ที่แท้จริง สิ่งสำคัญคืออย่าหลงทางไปกับการตั้งค่ามากมายและความสามารถอันกว้างขวางของปลั๊กอินนี้
- การพึ่งพา: jQuery
- รองรับเบราว์เซอร์: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android และ Windows Phone
- ใบอนุญาต: ใบอนุญาต MIT
- การพึ่งพา: jQuery
- รองรับเบราว์เซอร์: IE7+, Chrome, Firefox, Safari, Opera, iOS 5+ และ Android 3+
- ใบอนุญาต: ใบอนุญาตครีเอทีฟคอมมอนส์ BY-NC-ND 3.0
- การพึ่งพา: jQuery
- รองรับเบราว์เซอร์: IE9+, Chrome, Firefox, Safari และ Opera
- ใบอนุญาต: ใบอนุญาต MIT
- การพึ่งพา: jQuery
- รองรับเบราว์เซอร์: IE9+, Chrome, Firefox, Safari, Opera
- ใบอนุญาต: ใบอนุญาต MIT
สำหรับผู้ที่ต้องการแถบเลื่อนที่ดี ฉันขอแนะนำให้ให้ความสนใจกับตัวเลื่อนจากนักพัฒนาคนเดียวกัน
ฉันอาจพูดว่าผิดปกติด้วยซ้ำ: การใช้งานไลท์บ็อกซ์ที่ผิดปกติ หรือการนำเสนอเนื้อหาที่ผิดปกติ เมื่อรูปภาพหรือวิดีโอในการออกแบบไลท์บ็อกซ์ปรากฏขึ้นทางด้านขวา ไม่ใช่เต็มหน้าจอทั้งหมด แต่เพียงเท่านั้น ขนาดที่กำหนดรูปภาพหรือวิดีโอขนาดเต็ม บนหน้าจอขนาดใหญ่ วิธีการนี้สามารถเข้าใจได้ แต่การโต้ตอบกับเพจยังคงเป็นไปได้ บนหน้าจอขนาดเล็กของอุปกรณ์เคลื่อนที่ การออกแบบที่เป็นนวัตกรรมทั้งหมดนี้จะกลายเป็น "ไลท์บ็อกซ์" แบบคลาสสิกได้อย่างราบรื่น แนวคิดนี้น่าสนใจ ดูการสาธิต บางทีอาจมีบางคนเพิ่มความคิดสร้างสรรค์เช่นนี้
ปลั๊กอินไลท์บ็อกซ์ที่ใช้งานง่ายซึ่งเข้ากันได้ดีกับทุกโปรเจ็กต์และยังดูดีบนทุกหน้าจอ ปลั๊กอิน LightLayer ให้การควบคุมการตั้งค่าต่างๆ เช่น การเปลี่ยนสีพื้นหลังและระดับความโปร่งใส ตำแหน่งของบล็อกฐาน การเลือกเอฟเฟกต์การเปลี่ยนแปลงเมื่อเปิด/ปิด ฟังก์ชันที่ผู้ใช้สามารถจัดการได้อย่างอิสระ ปลั๊กอินใช้งานได้ดีกับเนื้อหาเว็บไซต์ภายนอก เครื่องเล่นวิดีโอแบบฝัง และแผนที่
Fluidbox เป็นปลั๊กอินไลท์บ็อกซ์สำหรับรูปภาพโดยเฉพาะ จำนวนรูปแบบการนำเสนอภาพที่เป็นไปได้นั้นน่าประทับใจอย่างแท้จริง ปลั๊กอินใช้งานได้ดีกับรูปภาพในรูปแบบที่หลากหลาย รวมถึงรูปภาพแบบลอย รูปภาพที่มีตำแหน่งที่แน่นอน รูปภาพและภาพถ่ายที่จัดกรอบและเยื้องด้วยรูปภาพเดียว และรวมเข้ากับแกลเลอรี โดยทั่วไปแล้วจะเสียเวลา แต่ก็ยังไม่สามารถอธิบายความสามารถทั้งหมดของปลั๊กอินในการนำเสนอสั้น ๆ ได้ ดังนั้นควรดูการสาธิต บิด หมุนดูดีกว่า และฉันคิดว่าหลายๆ คนจะชอบปลั๊กอินนี้ .
นั่นอาจเป็นทั้งหมด! ฉันหวังว่าบทวิจารณ์สั้นๆ นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์การพัฒนาเว็บไซต์มากมายที่นำเสนอ ฉันต้องการทราบว่าฉันไม่ได้ใช้ปลั๊กอินทั้งหมดที่นำเสนอในตัวเลือกสำหรับโปรเจ็กต์การทำงาน ฉันทดสอบส่วนใหญ่บนเว็บไซต์ทดสอบหรือที่เวิร์กช็อป ดังนั้นหากมีคำถามใด ๆ เกิดขึ้น เรามักจะแก้ไขปัญหาเหล่านี้ร่วมกัน และ ร่วมกันเช่นเคยเราจะประสบความสำเร็จ
คุณกำลังมองหาเทมเพลตภาษารัสเซียที่เหมาะกับวัตถุประสงค์ของคุณหรือไม่? ในกรณีนี้ คุณควรไปที่ตลาด TemplateMonster ด้วยเหตุผลง่ายๆ ที่เพิ่งมีส่วนเทมเพลตใหม่ปรากฏบนเว็บไซต์ ขณะนี้ผู้ใช้ทุกคนสามารถทำความคุ้นเคยกับคอลเลกชันซึ่งจะได้รับการอัปเดตและอัปเดตแล้ว ข้อความสำหรับเทมเพลตเขียนด้วยมือ แต่นี่ไม่ใช่ข้อดีเพียงอย่างเดียวของโซลูชันสำเร็จรูปเหล่านี้ ท้ายที่สุดแล้ว ในแพ็คเกจนี้ คุณจะพบทุกสิ่งที่จะทำให้งานของคุณในการพัฒนาโครงการออนไลน์ง่ายขึ้น รวมถึงโปรแกรมแก้ไขภาพด้วย
ขอแสดงความนับถืออันเดรย์
ปลั๊กอินไลท์บ็อกซ์สำหรับ WordPress อนุญาตให้คุณใช้หน้าต่างป๊อปอัปบนเว็บไซต์ของคุณเพื่อแสดงรูปภาพที่ด้านบนของหน้าปัจจุบัน สามารถใช้เพื่อสร้างเว็บไซต์ที่สวยงามได้
ปลั๊กอิน jQuery เหล่านี้ใช้เพื่อเพิ่มป๊อปอัปในเว็บไซต์ของคุณ เมื่อคุณคลิกที่ภาพใดๆ จากแกลเลอรีสไลด์ รูปภาพนั้นจะเปิดขึ้นในหน้าต่างป๊อปอัปพร้อมกับปุ่มถัดไป ก่อนหน้า และปิด ปลั๊กอินดังกล่าวเป็นเครื่องมือที่ทรงพลังมากสำหรับนักออกแบบและนักพัฒนาเว็บไซต์ เนื่องจากปลั๊กอินเหล่านี้ช่วยให้ได้เอฟเฟกต์ที่สวยงามมากซึ่งทำให้เว็บไซต์ธรรมดามีรูปลักษณ์ที่งดงามและน่าดึงดูด หากต้องการใช้ปลั๊กอิน jQuery คุณต้องมีความรู้พื้นฐานเกี่ยวกับ JavaScript และ jQuery หากคุณไม่ทราบข้อมูลพื้นฐาน เพียงอ่านคำอธิบายปลั๊กอินและปฏิบัติตามคำแนะนำ ทุกปีจะมีปลั๊กอิน jQuery ใหม่มากมายที่ช่วยคุณสร้างเว็บไซต์ที่สวยงาม เหล่านี้ ปลั๊กอิน jQueryมีคุณสมบัติที่น่าทึ่งและคุณสมบัติใหม่มากมาย
ปลั๊กอินไลท์บ็อกซ์ JQuery ที่ดีที่สุดสำหรับ WordPressในบทความนี้เราอยากจะนำเสนอรายการที่ดีที่สุดและมีประโยชน์ให้กับคุณ ปลั๊กอินป๊อปอัป JQuery สำหรับปี 2558ซึ่งสามารถช่วยคุณสร้างเว็บไซต์ที่สวยงามและน่าดึงดูดได้
แกลเลอรีตัวเลื่อนไลท์บ็อกซ์แกลเลอรี Lightbox Slider เป็นแกลเลอรี jQuery ที่จัดการง่ายและประหยัดพื้นที่ซึ่งแสดงรูปภาพและวิดีโอ
WP jQuery ไลท์บ็อกซ์WP jQuery Lightbox เป็นปลั๊กอินป๊อปอัป jQuery ที่เรียบง่ายและมีน้ำหนักเบา มีการเปลี่ยน CSS3 เพื่อเอฟเฟกต์ที่ราบรื่นและขนาดภาพที่จัดการได้ ปรับปรุงสำหรับอุปกรณ์มือถือ
แกลเลอรีไลท์บ็อกซ์เป็นตัวช่วยสร้างฟรีที่จะช่วยให้คุณสร้างแกลเลอรีภาพป๊อปอัปพร้อมเอฟเฟกต์การซ้อนทับที่น่าทึ่งได้อย่างง่ายดายด้วยการคลิกเพียงไม่กี่ครั้ง โดยไม่ต้องใช้โค้ดแม้แต่บรรทัดเดียว
FancyBox ง่าย ๆEasy FancyBox เป็นเครื่องมือสำหรับแสดงรูปภาพ เนื้อหา html และมัลติมีเดียในรูปแบบไลท์บ็อกซ์ Macintosh ปรากฏอยู่ด้านบนของหน้าเว็บ
ไลท์บ็อกซ์Lightbox เป็นปลั๊กอินป๊อปอัปที่ตอบสนองและเป็นมิตรกับผู้ใช้ ปลั๊กอิน jQuery นี้ใช้งานง่ายมากและไม่มีคุณสมบัติที่ไม่จำเป็น
ไลท์บ็อกซ์รูปภาพ FooBoxFooBox Image Lightbox - ใช้เพื่อสร้างแกลเลอรีภาพในหน้าต่างป๊อปอัปเหมือนกับแถบเลื่อน "ในตัว" ปลั๊กอิน jQuery ที่ตอบสนองสูงซึ่งทำงานได้ดีพอๆ กันบนจอภาพขนาดใหญ่รวมถึงบนแท็บเล็ตหรือสมาร์ทโฟน
ไลท์บ็อกซ์ พลัส คัลเลอร์บ็อกซ์Lightbox Plus Colorbox เป็นปลั๊กอิน jQuery ที่มีน้ำหนักเบาและปรับแต่งได้ เข้ากันได้กับ jQuery 1.3.2+ เบราว์เซอร์ไฟร์ฟอกซ์, Safari, Chrome, Opera, Internet Explorer 7+
รอยัล พริตตี้โฟโต้Royal PrettyPhoto เป็นอีกหนึ่งปลั๊กอินป๊อปอัป jQuery ที่เหมาะสำหรับรูปภาพ เนื้อหาแบบอินไลน์ iFrames Google แผนที่, คำขอ Ajax, วิดีโอ Vimeo และ YouTube
Responsive Lightbox โดย dFactory เป็นปลั๊กอินป๊อปอัป jQuery ที่ราบรื่น ทรงพลัง และปฏิวัติวงการ ซึ่งจะเป็นประโยชน์ต่อนักออกแบบและนักพัฒนาเว็บไซต์ที่มีความทะเยอทะยานและสร้างสรรค์
Swipebox ง่าย ๆEasy Swipebox เป็นปลั๊กอิน jQuery สำหรับเดสก์ท็อป มือถือ และแท็บเล็ต นี่คือปลั๊กอิน jQuery ที่ใช้งานง่าย
ป๊อปอัปอันงดงามMagnific Popup เป็นปลั๊กอินป๊อปอัป jQuery ที่ตอบสนองโดยมุ่งเน้นที่การมอบประสบการณ์ผู้ใช้ที่ดีที่สุด ทำงานสบายกับอุปกรณ์ใด ๆ (เข้ากันได้กับ Zepto.js)
ไลท์บ็อกซ์2Lightbox 2 เป็นไลบรารี JavaScript ขนาดเล็กที่ใช้เพื่อแสดงรูปภาพที่ด้านบนของหน้าปัจจุบัน ติดตั้งง่ายและใช้งานได้กับเบราว์เซอร์สมัยใหม่ทั้งหมด