hideout-lastation.com
Construire des carrousels jQuery riches en fonctionnalités avec Slick
Peu de bibliothèques de carrousel peuvent rivaliser avec Slick . C'est le plugin jQuery le plus complet pour construire des carrousels dynamiques sur le web.
C'est complètement gratuit et construit sur jQuery . Le code est super facile à configurer, bien qu'il nécessite quelques dépendances . Mais avec autant de fonctionnalités, cela vaut la peine d'ajouter les bibliothèques supplémentaires pour que cela fonctionne.
Pour installer Slick, vous pouvez visiter le dépôt GitHub et en télécharger une copie. Il est livré avec deux fichiers CSS : un pour la 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 de deux dépendances jQuery : la bibliothèque jQuery principale avec jQuery Migrate . Slick nécessite un minimum de jQuery 1.7+ qui ne devrait pas poser de problème pour un environnement de développement moderne.
De là, vous venez d'ajouter le fichier Slick.js et le laisser aller. Les diaporamas peuvent être créés avec très peu de code et voici un exemple direct sur le site Web de Slick:
votre contenuvotre contenuvotre contenu
Avec un simple
Slick est livré avec des dizaines de fonctionnalités, y compris la fonctionnalité de balayage sur la navigation mobile et point . Vous pouvez également configurer la lecture automatique, l' animation personnalisée, les rappels personnalisés et bien plus encore.
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 qui rend cela encore plus incroyable.
Pour voir toutes les démos et commencer, consultez la page d'accueil Slick. Vous pouvez également trouver tout le code source et la documentation complète des paramètres / options dans le repo GitHub.
Comment créer des animations de bouton 3D Flip avec CSS
Les animations inversées sont des effets CSS populaires qui montrent à la fois le recto et le verso d'un élément HTML en les tournant du haut vers le bas, ou de la gauche vers la droite (et vice versa). Ils sont en 2 dimensions, mais ils sont encore plus froids lorsqu'ils sont réalisés en 3D.Dans
Comment filtrer et traverser l'arborescence DOM avec JavaScript
Saviez-vous qu'il existe une API JavaScript dont la seule mission est de filtrer et de parcourir les nœuds que nous voulons depuis un arbre DOM? En fait, pas un, mais il existe deux API de ce type: NodeIterator et TreeWalker . Ils sont assez similaires les uns aux autres, avec quelques différences utiles.
