Δημιουργήστε χαρακτηριστικά jQuery Carousels με πινελιά

Οχι πολλά βιβλιοθήκες καρουσέλ μπορούν να ανταγωνιστούν Λείος. Είναι η πιο jam-packed jQuery plugin για δημιουργώντας δυναμικά καρουσέλ στο δίκτυο.

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

Προς το εγκαταστήστε το Slick, μπορείτε να επισκεφθείτε το repo GitHub και να λάβετε ένα αντίγραφο. Έρχεται με δύο αρχεία CSS: ένα για το βασική ρύθμιση και ένα άλλο για το προεπιλεγμένο θέμα Slick. Μπορείτε να συνδυάσετε εύκολα αυτά τα αρχεία στο πρωτότυπο φύλλο στυλ CSS, εάν θέλετε να εξοικονομήσετε χώρο.

Τότε, χρειάζεστε δύο εξαρτήσεις jQuery: ο πρωτογενή βιβλιοθήκη jQuery μαζί με jQuery Migrate. Το Slick απαιτεί ένα τουλάχιστον το jQuery 1.7+ η οποία δεν πρέπει να αποτελεί πρόβλημα για ένα σύγχρονο αναπτυξιακό περιβάλλον.

Από εδώ, προσθέτετε μόνο το Slick.js αρχείο και αφήστε το να πάει. Οι προβολές διαφανειών μπορούν να δημιουργηθούν με πολύ μικρό κώδικα και εδώ είναι α άμεσο δείγμα από την ιστοσελίδα Slick:

  το περιεχόμενό σας
 το περιεχόμενό σας
 το περιεχόμενό σας

Με ένα απλό

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

Το Slick έρχεται με δεκάδες εξαιρετικά χαρακτηριστικά, όπως λειτουργία σάρωσης σε κινητά και dot navigation. Μπορείτε επίσης να ρυθμίσετε αυτόματη αναπαραγωγή, προσαρμοσμένη κινούμενη εικόνα, προσαρμοσμένες επανακλήσεις, και πολλά άλλα.

Αυτή η βιβλιοθήκη είναι ένα πλήρες κτήνος για δημιουργώντας περιστρεφόμενα καρουσέλ. Και, μπορείτε να κάνετε όλα αυτά με μερικές απλές γραμμές του jQuery πράγμα που καθιστά ακόμα πιο απίστευτο αυτό το γεγονός.

Προς το δείτε όλα τα demos και ξεκίνα, δείτε την αρχική σελίδα Slick. Μπορείτε επίσης να βρείτε όλο τον πηγαίο κώδικα και πλήρη τεκμηρίωση για ρυθμίσεις / επιλογές στο repo GitHub.