Question

Pour un projet, je voudrais faire une bannière de contenu qui basculer entre plusieurs « diapositives » (contenant html, images, etc.). Les « diapositives » sont des éléments div. L'effet slideIn utilisé par jCarousel est pas ce que le gars veut, il wanst à fadeIn / fadeOut les « diapositives » à chaque « diapositive » montré pendant 7 secondes.

Quelqu'un sait d'un plug-in qui peut y parvenir?

P.s. J'ai essayé de demander si quelqu'un a créé un effet fadeIn / fadeOut pour jCarousel mais la question n'a pas eu de réponse, alors maintenant je suis prêt à changer le plugin pour celui qui fait cette tâche spécifique.

Était-ce utile?

La solution

Avez-vous vu jQuery Cycle Plugin ? Il a une tonne de différentes options , dont l'un est un effet de fondu. Il suffit de télécharger le code du plugin puis utilisez les éléments suivants

$(function() {
  $('div.slideshow').cycle({
    fx: 'fade', // choose the fade transition type
    timeout: 7000 // 7 second delay between fade in and fade out
  });
); 

en supposant que vos images sont toutes dimensionnées même et dans un <div> avec class="slideshow"

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top