Magazine High tech

Liquid Slider, HTML Slider Responsive

Publié le 13 septembre 2012 par Myrmex

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


Retour à La Une de Logo Paperblog

A propos de l’auteur


Myrmex 169 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte