Liquid Slider est un Slider jQuery Responsive, ce qui sous entend créer dans le but de s’adapter à tous les terminaux et par conséquent aux différentes tailles d’écran.
Les caractéristiques et principales fonctionnalités sont :
- Responsive !
- Nécessite jQuery
- Ajustement de la hauteur après chargement des pages
- Fonction pour ajuster la hauteur après un chargement AJAX
- Transition CSS3 pour appareils Mobiles
- Navigation Dynamique pour Mobile (Select Box)
- Cache les flèches sur Mobile
- Onglets et flèches dynamiques
- Fonction Callback après transition du Panel
- PreChargement dynamique pour chaque Panel ( non disponible pour les mmobile)
- « Pause » en survol
- Premiere et dernière flèches parametrable (Cachée )
- Bouton « Auto Play »
- Navigation via clavier
- Défilement continuel (pas sur mobile)
Très simplement, pour son utilisation, un peu de HTML5 sera nécessaire. Tout d’abord, on place un DIV avec une « class=liquid-slider » et un « id=slider-id ». Puis, il faut ajouter entre les tags « SECTION » le contenu HTML à faire défiler. Chaque SECTION correspondant à un Slide.
Site Internet : Liquid Slider
Licence : GPL