Construisez des carrousels jQuery riches en fonctionnalités avec Slick

Pas beaucoup bibliothèques de carrousel peut rivaliser avec Nappe. C'est le plugin jQuery le plus complet pour la construction de carrousels dynamiques sur le Web.

C'est complètement gratuit et construit sur jQuery. Le code est super facile à installer, bien qu'il nécessite quelques dépendances. Mais avec autant de fonctionnalités, cela vaut la peine d’ajouter des bibliothèques supplémentaires pour que cela fonctionne..

À installer Slick, vous pouvez visiter le dépôt GitHub et télécharger une copie. Il est livré avec deux fichiers CSS: un pour le configuration de base et un autre pour le thème Slick par défaut. Vous pouvez facilement combiner ces fichiers dans votre feuille de style CSS principale si vous souhaitez économiser de l'espace..

Ensuite, vous avez besoin deux dépendances jQuery: la bibliothèque primaire jQuery de même que jQuery Migrate. Slick nécessite un minimum de jQuery 1.7+ ce qui ne devrait poser aucun problème pour un environnement de développement moderne.

A partir de là, vous ajoutez simplement le Slick.js déposer et laisser aller. Des diaporamas peuvent être créés avec très peu de code et voici une échantillon direct sur le site web Slick:

  votre contenu
 votre contenu
 votre contenu

Avec un simple

conteneur, vous pouvez ajouter des diapositives de manière dynamique, y compris les images, le contenu HTML et les médias intégrés tels que les vidéos. Slick supporte le tout avec un conception entièrement réactive qui garde les ratios d'aspect intacts.

Slick est livré avec des dizaines de fonctionnalités, y compris fonctionnalité de balayage sur mobile et navigation par points. Vous pouvez également configurer lecture automatique, animation personnalisée, rappels personnalisés, et bien plus.

Cette bibliothèque est une bête complète pour créer des carrousels rotatifs. Et vous pouvez tout faire avec quelques lignes simples de jQuery ce qui rend encore plus incroyable.

À voir toutes les démos et Commencer, consultez la page d'accueil Slick. Vous pouvez aussi trouver tout le code source et documentation complète pour les paramètres / options dans le repo GitHub.