03
SEP

DualSlider - Un slider jQuery efficace à deux colonnes

Publié le 03/09/10 à 08h20 par DJo

DualSlider est un plugin jQuery permettant de créer un slider / slideshow composé de deux colonnes de contenu.

DualSlider est un plugin jQuery permettant de créer un slider  / slideshow

Contrairement aux slideshow classiques, DualSlider permet de dissocier deux parties, comme une vidéo et le texte descriptif, pour une meilleure présentation des infos.

Totalement synchrones, les deux colonnes peuvent contenir tout type de contenu HTML.

Le plugin peut être transformé en slideshow à l'aide d'un mode diaporama automatique qui pourra d'ailleurs être mis en pause à tout moment.

DualSlider est un plugin jQuery permettant de créer un slider  / slideshow

Quelques options sont disponibles pour personnaliser le slider:

  • auto:true, // Démarrage automatique du slideshow
  • autoDelay: 6000, // Délai entre le changement de slides
  • easingCarousel: "swing", // Effet du changement de slide
  • easingDetails: "easeOutBack", // Effet du détail
  • durationCarousel: 1000, // Durée de la transition du contenu principal
  • durationDetails: 600 // Durée de la transition du détail

 

Site Officiel

Baraguiné par nourcy le 03/09/10 à 08h47
nourcy via Twitter
Un peu dommage que les vidéos continuent de jouer lors du défilement automatique.
Baraguiné par Babacinio le 03/09/10 à 12h11
Babacinio sur La Ferme du Web
C'est vraiment pas mal !
Par contre, sur Firefox quand je lance la vidéo la tourniquet se bloque. Mais comme "nourcy" le signale, sur tous les autres naviguateurs beh au revoir la vidéo ^^

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web