Viewer - Απλό προσάρτημα μεγέθυνσης εικόνας για Vanilla JS & jQuery

Μπορείτε να κάνετε μια γρήγορη αναζήτηση και να βρείτε δεκάδες βιβλιοθήκες για εικόνες lightboxes, slideshows, γκαλερί, το ονομάζετε.

Μία από τις νεότερες βιβλιοθήκες που έβλεπαν την προσοχή μου είναι ο Viewer. Επί του παρόντος, στην έκδοση 0.6, εξακολουθεί να είναι ένα υπό εξέλιξη έργο, αλλά αυτή η εικόνα σχεδίαση και χαρακτηριστικά του plugin είναι τόσο φαινομενικά.

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

Αυτό έρχεται επίσης με ένα “inline mode” που συνδέει το πρόγραμμα προβολής εικόνων με ένα στοιχείο στη σελίδα. Έτσι, όταν το ο χρήστης κάνει κλικ σε μια μικρογραφία και θα μεγεθύνει τη φωτογραφία μέσα σε αυτό το στοιχείο και όχι πάνω από ολόκληρη τη σελίδα.

Θα βρείτε κουμπιά για τα πάντα: περιστροφές, επιπλέον λεζάντες και πλήρες ζουμ 1: 1 για να έχετε μια σαφή εικόνα των φωτογραφιών υψηλής ανάλυσης.

Με μερικές επιλογές JS αποφασίζετε πώς θα λειτουργήσει το σενάριο του προγράμματος προβολής. Δεν θέλετε να αφήσετε τους επισκέπτες να ζουμ σε εικόνες; Κανένα πρόβλημα.

Μπορείτε επίσης να απενεργοποιήσετε τη λειτουργία προβολής διαφανειών ή απλά να απενεργοποιήσετε τα επόμενα / προληπτικά κουμπιά στο περιβάλλον χρήστη. Το ίδιο ισχύει και για το thumbnail pics που εμφανίζονται όταν το slideshow είναι σε πλήρη προβολή.

Επίσης, σημειώστε ότι αυτή η δέσμη ενεργειών έχει έκδοση χωρίς jQuery αν προτιμάτε την βανίλια JS. Και τα δύο plugins λειτουργούν με τον ίδιο τρόπο και είναι και τα δύο σε ενεργή ανάπτυξη. Όλα όσα χρειάζεστε για να προσαρμόσετε αυτό το περιβάλλον μπορείτε να βρείτε στην κύρια σελίδα του GitHub.

Αν είστε μεγάλοι να κωδικοποιήσετε τα δικά σας UI, τότε το Viewer είναι ένα πολύ δροσερό plugin. Προσφέρει έτσι πολύ τον έλεγχο της συμπεριφοράς κάθε παρουσίασης ότι μπορείτε να αναδιαρθρώσετε αυτό σε σχεδόν ό, τι θέλετε.

Οι υπεύθυνοι ανάπτυξης ιστού θα έχουν μια μέρα εργασίας με όλες τις επιλογές σε αυτό το ελεύθερο σενάριο εικόνας.