15 Lightbox ספריות עבור תגובה נייד

Lightbox היא דרך אחת פופולרית שכבת תמונות באינטרנט. כאשר אתה לוחץ על תמונה, Lightbox קופץ עם צורה כלשהי של אנימציה, ומעמעם את הרקע כך להתמקד שלך על התמונה עצמה. התמונה היא גם גדולה יותר בקנה מידה. רוב הספריות הפופולריות ביותר של Lightbox JavaScript שהכרנו במשך שנים מאפשרות לך לעשות זאת היטב על שולחן העבודה, אך לא כל כך בפלטפורמות לנייד.

הזנחת זה, ואת הצורך להיענות, הוא לא רעיון טוב בימינו, ולכן אוסף זה של 15 ספריות Lightbox Lightbox צריך לבדוק.

עוד על הונגקיאט:

• יצירת חלון מודאלי בקלות עם דיאלוג HTML5
• למעלה 10 גלריות תמונות חינם תגובה / שקופיות
• צור, שליטה & התאמה אישית של חלון מודאלי טוב יותר עבור האתר שלך באמצעות
• jQuery תמונה גלריות & המחוונים - המיטב

תמונה

תמונה הוא ללא ספק תוסף ligthbox האהוב עלי. זה קל, מגע מופעל, והכי חשוב מודולרי המאפשר לי לזרוק כמה חלקים כי אין צורך. זה פועל יפה בדפדפנים ניידים. תוכל להחליק בין תמונות באצבעותיך כפי שהיית משתמש באפליקציה מקומית, והמעבר פועל בצורה חלקה.

• תלות: אף אחד
• תמיכה בדפדפן: IE8 +, Chrome, Firefox, Safari, Opera, וכמה דפדפנים לנייד.
• רישיוןרישיון MIT

MagnificPopup

MagnificPopup הוא תוסף lightbox נוסף, שפותח על ידי אותו אדם שנתן לנו PhotoSwipe, דמיטרי Semenov. זה בא בצורה של תוסף jQuery / Zepto, וגם מביא יכולות חסרות PhotoSwipe כגון תמיכה וידאו, מפה, תוכן Ajax. זוהי חלופה מצוינת עבור אלה המעדיפים שיש יותר תכונות בהישג יד.

• תלות: jQuery 1.9.1+, או Zepto.js
• תמיכה בדפדפן: IE7 (חלקית), IE8 +, Chrome, Firefox, ספארי, אופרה.
• רישיוןרישיון MIT

SwipeBox

סחיבה הוא תוסף jQuery עם תמיכה מחוות מגע לפלטפורמה ניידת. הוא תומך גם קטעי וידאו מ- YouTube ו- Vimeo מלבד תמונות. Swipebox הוא גם ממש קל ליישם, ויש לו קומץ של אפשרויות כדי להתאים אישית את התנהגותו. אני חושב Swipebox הוא תוסף lightbox גדול עבור noobs JavaScript.

• תלות: jQuery
• תמיכה בדפדפן: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android ו- Windows Phone.
• רישיוןYou לא מוגדר

iLightbox

iLighbox הוא plugins lightbox jQuery עם מגוון רחב של תמיכה של סוגי מדיה: כולל קטעי וידאו, פלאש / SWF, תוכן Ajax, iframe ומפות. תוסף זה גם מוסיף לחצני מדיה חברתית על גבי המדיה, ומאפשר למשתמשים שלך לשתף אותו בפייסבוק, טוויטר או Reddit. כמו כן, בדוק את החלק המתקדם כדי לראות כיצד iLightbox יכול להיות מיושם בתרחישים שונים.

• תלות: jQuery
• תמיכה בדפדפן: IE7 +, Chrome, Firefox, Safari ו- Opera
• רישיוןYou לא מוגדר

Lightbox עבור Bootstrap

קופסה קלה הוא אחד החתיכות החסרות מבלוק. תוסף זה מתקן את זה. אם אתה משתמש Bootstrap, אני מאוד ממליץ להשתמש בספריה זו. הפלאגין משולב היטב עם בסיס הקוד של Bootstrap.

• תלות: jQuery ו Bootstrap מודאלית
• תמיכה בדפדפן: IE8 +, Chrome, Firefox, Safari ו- Opera
• רישיון: רישיון גנו

ניבו ליגבו

ניבו ליגבו הוא תוסף Lightbox גמיש. כמה אפשרויות כלולות כדי לשנות את המראה לתוך הדרך שאתה אוהב את זה כדי להופיע, כגון שינוי ערכת הנושא, אפקט המעבר, והחלפת הניווט.

• תלות: jQuery
• תמיכה בדפדפן: IE9 +, Chrome, Firefox, Safari ו- Opera
• רישיוןרישיון MIT

תמונה

תמונה הוא תוסף lightbox ללא bloat. הוא נבנה במיוחד עבור התמונה ומכאן השם שניתן - לא וידאו או סוג מדיה אחר נתמך. זה גם לא דורש סימון HTML חיצוני; ה האלמנט מספיק. תוסף פשוט עובד.

• תלות: jQuery
• תמיכה בדפדפן: IE9 +, Chrome, Firefox, Safari ו- Opera
• רישיוןYou לא מוגדר

מיני Lightbox

עוד תוסף lightbox עם אף אחד bloat. הספרייה היא רק 2kb, ועובד רק עם תמונות. זה תוסף מושלם אם אתה רק לייעד את הדפדפן העדכני ביותר ואת לא צריך כיסוי סוגים אחרים של מדיה כמו קטעי וידאו.

• תלות: אף אחד
• תמיכה בדפדפן: IE10 +, Chrome, Firefox, Safari ו- Opera
• רישיוןרישיון MIT

LightCase

Lightcase הוא תוסף Lightbox יפה. זה בא עם כמה אנימציות שגורמת אינטראקציה המשתמש לבוא בחיים, כמו דהייה, זום אלסטי וגלילה. יתר על כן, הוא תומך גם סוגים שונים של מדיה כולל Youtube embed, קטעי וידאו HTML, SWF וטפסים קלט. תוסף גם מטפל כראוי התקשורת לא ניתן להגיע או נמצאו שגיאות

• תלות: jQuery
• תמיכה בדפדפן: IE9 +, Chrome, Firefox, Safari ו- Opera
• רישיון: רישיון GPL

יאלב

יאלב מייצג עוד Lightboxו - אבל זה לא. Yalb מגיע עם קומץ APIs כולל אירועים מותאמים אישית המאפשרים לך לזהות מצבי lightbox, כגון מתי זה פתוח ומתי זה סגור. Yalb מגיע בשני גרסאות, ונילה JavaScript ותוסף jQuery.

• תלות: אף אחד
• תמיכה בדפדפן: IE9 +, Chrome, Firefox, Safari ו- Opera
• רישיוןרישיון MIT

קל כנוצה

6kb קל כנוצה הוא תוסף חשוף עבור מפתח מתמצא ונושא רק את עיקרי. אם אתה צריך, לדוגמה, לקבוצת תמונות של lightbox בגלריה, תוכל לכלול את תוסף הגלריה. אתה יכול גם לפתח הרחבה משלך עבור תוסף זה כדי שיתאים לצרכים הפרויקט שלך.

• תלות: jQuery
• תמיכה בדפדפן: IE8 +, Chrome, Firefox, Safari ו- Opera
• רישיוןרישיון MIT

LightLayer

LightLayer הוא קל לשימוש plugbox lightbox. יש לו כמה אפשרויות, שיטות מותאמות אישית JavaScript, ואירועים מותאמים אישית. הפלאגין עובד עם תמונות, קטעי וידאו, מפות ותוכן חיצוני. מה עוד אפשר לשאול.

• תלות: jQuery
• תמיכה בדפדפן: IE9 +, Chrome, Firefox, Safari ו- Opera
• רישיוןרישיון MIT

LightGallery

LightGallery, עוד תוסף lightbox עם הרבה תכונות הוסיף. זה מגיע עם יותר מ 20 אפשרויות כדי להתאים אישית את הפרטים הקטנים ביותר של lightbox.

• תלות: jQuery
• תמיכה בדפדפן: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android ו- Windows Phone
• רישיוןרישיון MIT

FluidBox

נוזלי הוא תוסף lightbox התמונה כי הוא בהשראת בינוני. זה עובד עם תמונות בנסיבות שונות, כולל תמונה צף, תמונה עם מוחלטת מיקום, תמונות שיש להן גבול וריפוד וגלריות. בדוק איך הוא נבנה. אם אתה צריך תוסף וורדפרס, יש אחד.

• תלות: jQuery
• תמיכה בדפדפן: IE9 +, Chrome, Firefox, ספארי, אופרה
• רישיוןרישיון MIT

סטריפ

סטריפ הוא תוסף lightbox ייחודי. במקום לכסות את התמונה, הפלאגין מחליק את התמונות מהצד במקום זאת, כך שלא תחסום את כל התוכן. StripJS תומך הן תמונה ווידאו.

• תלות: jQuery
• תמיכה בדפדפן: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ ו- Android 3+
• רישיון: Creative Commons BY-NC-ND 3.0 רישיון