Theme Responsive

Dans JQuery le 4 juillet

aperçus du slider FlexSlider

FlexSlider est un slider qui fonctionne aussi bien sur un écran d’ordinateur que sur celui d’une tablette tactile ou d’un smartphone, ce qui n’est pas le cas des plugins jQuery de façon générale.

En plus de cette particularité, le plugin est de qualité avec une structure HTML simple qui respecte les standards du web. On retrouve également toutes les options classiques d’un slider jQuery avec le choix du type de transition, le défilement automatique, la durée d’animation entre deux diapositives, la possibilité de mettre en pause, les touches directionnelles de navigation, mais également des options plus originales comme la navigation tacticle qui est très réussie.


Les principales caractéristiques:

 

  • balisage simple et parfaitement sémantique
  • fonctionne sur n’importe quel écran
  • script particulièrement léger (7kb minifié)
  • deux types de transition : « fade » et « slide »
  • prise en charge de la navigation tactile
  • support des principaux navigateurs


 

Theme Responsive vous propose une version allégée d’Elastislider, il vous suffiras d’inserer vos images puis de le customiser comme bon vous semble.

Version d’origine:


Tuto 

1) Inclusion des scripts dans le header:




2) Structure du SLider




Étiquettes : ,

1 commentaire “Le Slider Responsive: FlexSlider

  1. […] en plus d’un slider très léger et rapide au chargement. Ce slider fait le poids face à Flexslider ! Slider payant. Apercus Telecharger Site […]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *