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.

HTML Content Slider Responsive

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

En savoir plus sur Free Tools

Abonnez-vous pour poursuivre la lecture et avoir accès à l’ensemble des archives.

Continuer la lecture