1. Προϊόντα
  2.   Εικόνα
  3.   JavaScript
  4.   LightGallery
 
  

Προσθήκη απόκρισης και προσαρμόσιμης συλλογής εικόνων

Το Lightgallery.js είναι ένα χρήσιμο και ανοιχτού κώδικα πρόγραμμα αλλαγής μεγέθους και προσαρμογής εικόνων.

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

Ως ανοιχτού κώδικα, η δωρεάν προσθήκη Lightgallery.js είναι χρήσιμη όταν χρειάζεστε αυτές τις επιπλέον επιλογές εκτός από την αλλαγή μεγέθους και τη μεταφόρτωση στοιχείων εικόνας και βίντεο στον ιστότοπό σας με τη μορφή συλλογής. Αποθηκεύει επίσης το ιστορικό του προγράμματος περιήγησης των εικόνων και των βίντεο σε μια διαφάνεια και παρέχει μια μοναδική διεύθυνση URL για κάθε εικόνα συλλογής. Όχι μόνο είναι γρήγορο, αλλά είναι ελαφρύ, αρθρωτό, με απόκριση δημιουργός γκαλερί lightbox που δεν εμποδίζει την απόδοση της μνήμης.

Previous Next

Ξεκινώντας με το LightGallery

Ο προτεινόμενος τρόπος εγκατάστασης του LightGallery μέσω NPM. Χρησιμοποιήστε την παρακάτω εντολή για να το εγκαταστήσετε.

Εγκαταστήστε το LightGallery μέσω NPM

 npm install lightgallery.js

Δωρεάν JavaScript API για χειρισμό εικόνας

Το Lightgallery.js διαθέτει πολλές ενσωματωμένες μονάδες, όπως δημιουργία μικρογραφιών, πλήρη οθόνη, μεγέθυνση και σμίκρυνση κ.λπ., τα οποία μπορούν να απορριφθούν εάν δεν τα χρειάζεστε. Μπορείτε επίσης να προσθέσετε τις δικές σας ενότητες ανάλογα με τις απαιτήσεις του έργου σας. Σε αντίθεση με τη μέθοδο JavaScript για την αλλαγή μεγέθους εικόνων και βίντεο, το Lightgallery.js χρησιμοποιεί μια προσέγγιση μόνο CSS για την απόκριση αλλαγής μεγέθους καθιστώντας την πολύ πιο γρήγορη και πιο ευέλικτη. Με την απλή ενημέρωση των μεταβλητών SASS της συλλογής σας, μπορείτε εύκολα να προσαρμόσετε το πρόσθετο για να ταιριάζει στις ανάγκες σας.

Δημιουργήστε μικρογραφίες μέσω του Free JavaScript API

Όσον αφορά τις μικρογραφίες, το Lightgallery.js σάς επιτρέπει να ενεργοποιήσετε κινούμενες μικρογραφίες όπως το YouTube για να δώσετε μια πιο μοντέρνα αίσθηση. Οι κινούμενες μικρογραφίες μπορούν επίσης να ενεργοποιηθούν για τη γκαλερί YouTube ή Vimeo. Το Lightgallery.js συνοδεύεται από περισσότερα από 20 κινούμενα σχέδια ενσωματωμένα στην προσθήκη που μπορούν να χρησιμοποιηθούν για τη δημιουργία όμορφων γκαλερί.

Δημιουργία γκαλερί στατικών μικρογραφιών μέσω JavaScript

 lightGallery(document.getElementById('static-thumbnails'), {
    animateThumb: false,
    zoomFromOrigin: false,
    allowMediaOverlap: true,
    toggleThumb: true,
});

Προσαρμοσμένη Πινακοθήκη Thumbnails μέσω JavaScript

 lightGallery(document.getElementById('customize-thumbnails-gallery'), {
    // Add a custom class to apply style only for the particular gallery
    addClass: 'lg-custom-thumbnails',
    // Remove the starting animations.
    // This can be done by overriding CSS as well
    appendThumbnailsTo: '.lg-outer',
    animateThumb: false,
    allowMediaOverlap: true,
});
 Ελληνικά