15 Βιβλιοθήκες Lightbox για κινητή ευαισθησία

Lightbox είναι ένας δημοφιλής τρόπος να επικαλύψεων εικόνων στον ιστό. Όταν κάνετε κλικ σε μια εικόνα, το Lightbox εμφανίζεται με κάποια μορφή κινούμενης εικόνας και μειώνει το φόντο, έτσι ώστε να εστιάζετε στην εικόνα. Η εικόνα είναι επίσης μεγαλύτερη σε κλίμακα. Οι πιο δημοφιλείς βιβλιοθήκες JavaScript Lightbox, τις οποίες γνωρίζουμε εδώ και χρόνια, σας επιτρέπουν να το κάνετε αυτό καλά στην επιφάνεια εργασίας, αλλά όχι τόσο σε κινητές πλατφόρμες.

Η παραμέληση αυτού του γεγονότος και η ανάγκη για ανταπόκριση δεν είναι καλή ιδέα σήμερα, γι 'αυτό πρέπει να ελεγχθεί αυτή η συλλογή 15 βιβλιοθηκών που ανταποκρίνονται στις Lightbox.

Περισσότερα για το Hongkiat:

• Δημιουργία εύκολα παραθύρου Modal με το παράθυρο HTML5
• Κορυφαίες 10 δωρεάν ανταποκριτικές εικόνες / Slideshows
• Δημιουργία, Έλεγχος & Προσαρμογή Καλύτερης Παράδοσης Modal για την περιοχή σας χρησιμοποιώντας το Vex
• jQuery Galleries & Καλλιεργητές Εικόνας - Best Of

PhotoSwipe

PhotoSwipe είναι κατά πολύ το αγαπημένο μου plugin ligthbox. Είναι ελαφρύ, ενεργοποιημένο με άγγιγμα και, κυρίως, αρθρωτό, το οποίο μου επιτρέπει να χαλαρώσω μερικά κομμάτια που δεν χρειάζονται. Τρέχει ωραία στα προγράμματα περιήγησης για κινητά. Μπορείτε να περάσετε τις εικόνες με τα δάχτυλά σας όπως θα κάνατε σε μια μητρική εφαρμογή και η μετάβαση θα είναι πραγματικά ομαλή.

• Εξάρτηση: Κανένα
• Υποστήριξη προγράμματος περιήγησης: IE8 +, Chrome, Firefox, Safari, Opera και μερικά προγράμματα περιήγησης για κινητά.
• Αδεια: Άδεια MIT

MagnificPopup

MagnificPopup είναι ένα άλλο plugin lightbox, που αναπτύχθηκε από το ίδιο πρόσωπο που μας έδωσε PhotoSwipe, Ντμίτρι Σέμενοφ. Έρχεται με τη μορφή ενός plugin jQuery / Zepto και φέρνει επίσης τις δυνατότητες που λείπουν στο PhotoSwipe, όπως η υποστήριξη περιεχομένου Video, Map και Ajax. Αυτή είναι μια εξαιρετική εναλλακτική λύση για όσους προτιμούν να έχουν περισσότερα χαρακτηριστικά στο χέρι.

• Εξάρτηση: jQuery 1.9.1+ ή Zepto.js
• Υποστήριξη προγράμματος περιήγησης: IE7 (εν μέρει), IE8 +, Chrome, Firefox, Safari και Opera.
• Αδεια: Άδεια MIT

SwipeBox

Swipebox είναι ένα πρόσθετο jQuery με υποστήριξη χειρονομίας αφής για κινητή πλατφόρμα. Υποστηρίζει επίσης βίντεο από το Youtube και το Vimeo εκτός από τις εικόνες. Το Swipebox είναι επίσης εντελώς εύκολο να εφαρμοστεί και έχει πολλές επιλογές για να προσαρμόσει τη συμπεριφορά του. Νομίζω ότι το Swipebox είναι ένα εξαιρετικό plugin lightbox για το JavaScript noobs.

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android και Windows Phone.
• Αδεια: Απροσδιόριστος

iLightbox

iLighbox είναι plugins του jQuery lightbox με ευρεία υποστήριξη για τους τύπους μέσων: συμπεριλαμβανομένων των βίντεο, του Flash / SWF, του περιεχομένου του Ajax, του iframe και των χαρτών. Αυτό το πρόσθετο προσθέτει επίσης κουμπιά κοινωνικών μέσων στο πάνω μέρος των μέσων ενημέρωσης, επιτρέποντας στους χρήστες σας να το μοιράζονται με το Facebook, το Twitter ή το Reddit. Δείτε επίσης την ενότητα για προχωρημένους για να δείτε πώς μπορεί να εφαρμοστεί το iLightbox σε διαφορετικά σενάρια.

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE7 +, Chrome, Firefox, Safari και Opera
• Αδεια: Απροσδιόριστος

Lightbox για το Bootstrap

Lightbox είναι ένα από τα κομμάτια που λείπουν από το Bootstrap. Αυτό το plugin επιδιορθώνει αυτό. Αν χρησιμοποιείτε το Bootstrap, σας προτείνω να χρησιμοποιήσετε αυτή τη βιβλιοθήκη. Το plugin είναι καλά ενσωματωμένο στην βάση κώδικα του Bootstrap.

• Εξάρτηση: jQuery και Bootstrap Modal
• Υποστήριξη προγράμματος περιήγησης: IE8 +, Chrome, Firefox, Safari και Opera
• Αδεια: Άδεια GNU

Nivo Lightbox

Nivo Lightbox είναι ένα ευέλικτο plugin lightbox. Περιλαμβάνονται πολλές επιλογές για να αλλάξετε την εμφάνιση με τον τρόπο που σας αρέσει να εμφανίζεται, όπως αλλαγή του θέματος, εφέ μετάβασης και εναλλαγή της πλοήγησης.

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE9 +, Chrome, Firefox, Safari και Opera
• Αδεια: Άδεια MIT

ImageLightbox

ImageLightbox είναι ένα plugin lightbox χωρίς το bloat. Είναι κατασκευασμένο ειδικά για την εικόνα, εξ ου και το όνομα που δίνεται - δεν υποστηρίζεται κανένας τύπος βίντεο ή άλλου μέσου. Επίσης, δεν απαιτεί εξωτερική σήμανση HTML. ο είναι επαρκές. Το plugin λειτουργεί μόνο.

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE9 +, Chrome, Firefox, Safari και Opera
• Αδεια: Απροσδιόριστος

Μίνι Lightbox

Ένα άλλο plugin lightbox με κανένα από τα bloat. Η βιβλιοθήκη είναι μόνο 2kb και λειτουργεί μόνο με εικόνες. Είναι το τέλειο plugin αν ορίζετε μόνο για το πιο πρόσφατο πρόγραμμα περιήγησης και δεν χρειάζεται να επικαλύπτετε άλλους τύπους μέσων όπως βίντεο.

• Εξάρτηση: Κανένα
• Υποστήριξη προγράμματος περιήγησης: IE10 +, Chrome, Firefox, Safari και Opera
• Αδεια: Άδεια MIT

LightCase

Το Lightcase είναι ένα υπέροχο plugin lightbox. Έρχεται με διάφορα κινούμενα σχέδια που κάνουν την αλληλεπίδραση των χρηστών ζωντανή, όπως η εξασθένιση, το ελαστικό ζουμ και η κύλιση. Επιπλέον, υποστηρίζει επίσης διάφορους τύπους μέσων, όπως το embed Youtube, τα βίντεο HTML, τα αρχεία SWF και τις φόρμες εισόδου. Το plugin επίσης χειρίζεται σωστά τα μέσα δεν μπορεί να επιτευχθεί ή να βρεθούν σφάλματα

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE9 +, Chrome, Firefox, Safari και Opera
• Αδεια: Άδεια GPL

Yalb

Yalb σημαίνει ακόμα ένα άλλο κουτί Lightbox - αλλά δεν είναι. Το Yalb έρχεται με μια χούφτα API, συμπεριλαμβανομένων προσαρμοσμένων συμβάντων που σας επιτρέπουν να προσδιορίσετε τις καταστάσεις lightbox, όπως όταν είναι Άνοιξε και όταν είναι Κοντά. Το Yalb έρχεται σε δύο εκδόσεις, το JavaScript και το plugin jQuery της Vanilla.

• Εξάρτηση: Κανένα
• Υποστήριξη προγράμματος περιήγησης: IE9 +, Chrome, Firefox, Safari και Opera
• Αδεια: Άδεια MIT

Ελαφρύ σαν φτερό

Τα 6kb Ελαφρύ σαν φτερό είναι ένα γυμνό plugin για καταλαβαίνω προγραμματιστή και φέρνει μόνο τα βασικά στοιχεία. Αν χρειάζεστε, για παράδειγμα, να ομαδοποιήσετε ένα φωτεινό πλαίσιο εικόνας σε μια γκαλερί, μπορείτε να συμπεριλάβετε την επέκταση της συλλογής. Μπορείτε επίσης να αναπτύξετε τη δική σας επέκταση για αυτό το πρόσθετο ώστε να ταιριάζει στις ανάγκες του έργου σας.

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE8 +, Chrome, Firefox, Safari και Opera
• Αδεια: Άδεια MIT

LightLayer

Το LightLayer είναι ένα εύκολο στη χρήση plugin lightbox. Έχει μια χούφτα επιλογές, προσαρμοσμένες μεθόδους JavaScript και προσαρμοσμένα συμβάντα. το plugin λειτουργεί με εικόνες, βίντεο, χάρτες και εξωτερικό περιεχόμενο. Τι περισσότερο μπορούμε να ζητήσουμε.

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE9 +, Chrome, Firefox, Safari και Opera
• Αδεια: Άδεια MIT

LightGallery

LightGallery, ένα άλλο plugin lightbox με πολλά χαρακτηριστικά που προστέθηκαν. Έρχεται με περισσότερες από 20 επιλογές για να προσαρμόσετε τις πιο μικρές λεπτομέρειες του lightbox.

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android και Windows Phone
• Αδεια: Άδεια MIT

FluidBox

Fluidbox είναι ένα plugin lightbox εικόνας που εμπνέεται από το Medium. Λειτουργεί με εικόνες υπό διάφορες συνθήκες, όπως πλωτή εικόνα, εικόνα με απόλυτος θέση, εικόνες που έχουν σύνορα και padding, και γκαλερί. Ελέγξτε πώς κατασκευάστηκε. Εάν χρειάζεστε ένα πρόσθετο WordPress, υπάρχει ένα.

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE9 +, Chrome, Firefox, Safari, Opera
• Αδεια: Άδεια MIT

StripJS

StripJS είναι ένα μοναδικό plugin lightbox. Αντί να επικαλύπτει την εικόνα, το plugin προστίθεται στις εικόνες από την πλευρά, έτσι ώστε να μην αποκλείει ολόκληρο το περιεχόμενο. Το StripJS υποστηρίζει εικόνες και βίντεο.

• Εξάρτηση: jQuery
• Υποστήριξη προγράμματος περιήγησης: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ και Android 3+
• Αδεια: Άδεια Creative Commons BY-NC-ND 3.0