Πλήρεις προβολές Lightbox Slideshows με το Lightgallery.js

Οποιοσδήποτε μεγάλος ιστοχώρος ιστοτόπου ή ιστορικού μπορεί να επωφεληθεί από ένα modal slideshow. Αυτό μπορεί να είναι καλό για παρουσιάζοντας σχετικές φωτογραφίες ή αφήνοντας τους επισκέπτες περιηγηθείτε σε ένα χαρτοφυλάκιο εργασιών (σχεδιασμός, τέχνη, φωτογραφία).

Με lightgallery.js, απλά εγκαταστήστε τη βιβλιοθήκη και αφήστε το να τρέξει. Μπορείτε να το ρυθμίσετε με οποιονδήποτε αριθμό φωτογραφιών και κάθε διαφάνεια καταλαμβάνει ολόκληρη την οθόνη.

Προτιμώ πολύ αυτό το plugin σε άλλες προβολές που αναλαμβάνουν μόνο ένα μέρος της οθόνης. Με lightgallery.js, όλη η εστίαση πηγαίνει στην παρουσίαση διαφανειών και την πρώτη ορατή εικόνα.

Στο κάτω μέρος κάθε διαφάνειας, μπορείτε να βρείτε ένα μικρή περιγραφή με συνδέσμους ή οποιοδήποτε κείμενο θέλετε.

Στην επάνω δεξιά γωνία, θα δείτε a σειρά κουμπιών Για εκτεταμένες λειτουργίες. Προς το σκοπό αυτό, πάνε έτσι:

• Αναπαραγωγή διαφανειών
• Μεγέθυνση / σμίκρυνση
• Πλήρης οθόνη προγράμματος περιήγησης
• Κοινωνική κατανομή
• Λήψη εικόνας
• Κλείσιμο προβολής διαφανειών

Μπορείτε να επιλέξετε και να επιλέξετε ποιο από αυτά τα κουμπιά θέλετε να εμφανίσετε επεξεργασία των επιλογών όταν καλείτε το plugin.

Στην πραγματικότητα, είμαι φουσκωμένος από το πόση λεπτομέρεια πήγε στην τεκμηρίωση. Έχει λεπτομέρειες για επιλογές και μέθοδοι επανάκλησης. Αλλά θα βρείτε επίσης πληροφορίες για προσαρμοσμένα χαρακτηριστικά γνωρίσματα δεδομένων, Μεταβλητές Sass, και ακόμη και plugin API για να δημιουργήσετε ενότητες σε φωτό.

Ω, και είπα ότι είναι πλήρως φιλική προς το κινητό? Μπορείτε να περάσετε τις φωτογραφίες μέσω της γκαλερί με το δάχτυλό σας ή ακόμα και με ένα ποντίκι.

Είναι η τέλεια επιλογή για έναν σχεδιαστή ή έναν φωτογράφο που θέλει μια λαμπρή μέθοδο για να εμφανίσει το χαρτοφυλάκιό του στην περιοχή του.

Μπορείτε ακόμη και ενσωματώστε iframes ή βίντεο από ιστότοπους όπως το YouTube ή το Vimeo. Αυτό είναι πραγματικά το καλύτερο plugin lightbox gallery προσφέροντας την καλύτερη δυνατή εμπειρία χρήστη.

Αυτή η βιβλιοθήκη είναι χωρίς όλες τις εξαρτήσεις και αυτό λειτουργεί με καθαρό JavaScript. Αλλά παίζει ωραία με μεγάλες βιβλιοθήκες όπως jQuery ή Bootstrap επίσης.

Αν προτιμάτε αυτό ως plugin jQuery υπάρχει ένα plugin lightgallery.js που μεταφέρεται για χρήστες jQuery. Μπορείτε να δείτε a πλήρη επίδειξη στο σελίδα demos ή ελέγξτε το πένας κάτω. Και αν χρειάζεστε το πηγαίου κώδικα κατευθυνθείτε προς το GitHub repo και αρπάξτε ένα αντίγραφο για τον εαυτό σου.