15
AVR

tabSwitch - Un plugin jQuery pour créer des sliders avancés

Publié le 15/04/09 à 11h51 par DJo

tabSwitch est un plugin jQuery qui vous permettra de mettre en place des sliders avec un large choix de transitions.

tabSwitch - plugin jQuery pour créer des sliders avancés

Ce script est une très bonne solution pour afficher du texte, des images dans une hauteur restreinte et de manière dynamique.

tabSwitch propose plusieurs style de transitions:

  • Slide: Les différents éléments défilent horizontalement.
  • Scroll: Les éléments défilent vertticalement.
  • Table: Les éléments défilent comme si ils étaient dans un tableau.
  • Toggle: Défile les éléments avec un effet d'estompage, etc.

Le plugin est très facile à prendre en main, vous pourrez facilement créer vos propres boutons suivant, précédent, ou même des boutons pour accéder à un élément en particulier etc.

Exemple:

// Code pour créer le Slide
$('.SlideTab').tabSwitch('create', {type: 'slide', height: 300, width: 440});
// Code permettant de passer à l'élément suivant ou précédent
$('.SlideTab').tabSwitch('moveStep',{step: parseInt($(this).attr('rel'))});
// Code pour se rendre à un élément spécifique
$('.SlideTab').tabSwitch('moveTo',{index : $(this).attr('rel') });
// Code pour activer le défilement automatique
$('.SlideTab').tabSwitch('startAuto',{interval: 5000});

Site officiel et Démonstration

Baraguiné par aquadav le 18/04/09 à 19h46
aquadav sur La Ferme du Web
Merci exactement ce que je cherchais !

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

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web