2010-12-15 7 views
0

http://www.beulahprint.ieJquery Diaporama No Fade

Je suis en train de construire un client des témoignages diaporama. Je veux environ 10 divs, chaque div aura une image et du texte, et jQuery parcourt les divs, faisant une pause de quelques secondes sur chaque div et répète le cycle une fois terminé. Un div montre à la fois, sans fondu.

Sinon, je ne pourrais avoir qu'un div, avec un contenu alternatif si cela est possible?

J'ai actuellement des images qui se sont estompées sur mon site, mais je ne trouve aucune aide sur les diaporamas div sans fondu.

Répondre

0

Il y a un connecteur décrit here qui vous permet de faire défiler les images en utilisant n'importe quel effet.

+0

Dans la section des témoignages clients de mon site, vous pouvez voir que je l'ai déjà configuré pour parcourir les images. La chose est, je veux faire défiler les divs, pas les images. Est-ce possible? – Colm

+0

Le plugin fournit une méthode appelée cycle qui est invoquée sur un élément conteneur. Chaque élément enfant du conteneur devient une "diapositive" d'ici: http: //jquery.malsup.com/cycle/, semble suggérer que vous pouvez utiliser un div comme objets conteneur. – Ali

+0

Juste testé ceci et cela fonctionne. laissez-moi savoir si vous avez des problèmes – Ali

0

J'utilise généralement 1 div qui représente le diaporama, ainsi qu'une liste non numérotée cachée avec les éléments qui doivent être affichés.

<div id="slideshow"> 
    <div id="image"></div> 
</div> 
<ul id="images" style="display:none;"> 
    <li>image1.jpg</li> 
    <li>image2.jpg</li> 
</ul> 

Vous pouvez exécuter la liste avec cuvette jquery fonction suivante() (http://api.jquery.com/next). Obtenez la valeur html de l'élément de liste en cours et définissez l'arrière-plan de l'image div # sur cette valeur.

+0

Mais cela affichera juste une liste d'images? Puis-je le configurer pour parcourir une liste de divs? Avec chaque div contenant une image et du texte? – Colm

+0

Non, la liste ne s'affichera pas à cause de l'affichage: none; Il utilise simplement la liste pour aider à parcourir les images. – Jens

+0

Non, je veux dire, je veux faire défiler une liste de divs, pas une liste d'images. Est-ce possible? – Colm