Liquid Slider, HTML Slider Responsive

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