2011-06-15 3 views
2

Je suis actuellement à la recherche d'un script SlideShow JavaScript (jQuery) qui me permet de simplement faire fondre les images de l'une à l'autre, puis de continuer à répéter le processus. Rien de trop sérieux, mais il y a une chose dont j'ai besoin spécifiquement pour le script. J'utilise des images .PNG avec la transparence, et j'ai remarqué que lorsque j'utilise d'autres scripts, ils ont tendance à s'empiler les uns sur les autres, ce qui montre bien la collaboration.Simple script jQuery SlideShow?

Merci beaucoup SO, J'apprécie l'aide! Aaron

+0

@Cold: Peu importe mon ami, merci. –

+2

J'étais sur le point de suggérer un plug-in de diaporama vraiment tueur mais je me suis arrêté quand j'ai vu votre réponse à Cold Hawaiian. – Sparky

+2

+1 pour downvote immérité –

Répondre

2

Utilisez le plug-in jQuery Cycle Lite, peut-être avec sync désactivé.

De même, forcez les images à l'intérieur de l'élément #slideshow à être masquées avec opacity:0 qui seront remplacées par les CSS intégrés dans le plugin. Cependant, cela dit, il semble que le plugin définit opacity à 0 par défaut pour toutes les images sauf le courant.

CSS:

#slideshow img { opacity:0 } 

JS:

$('#slideshow').cycle({ sync:0 }); 
+0

Merci beaucoup Marcel! Je l'apprécie beaucoup! –

1

Je voulais poster un lien vers le diaporama simple dans d'autres cas sont à la recherche d'un moyen facile de tourner à travers une liste d'images dans un div et n'ont pas besoin d'autres fonctionnalités en utilisant seulement jQuery ...


http://jsfiddle.net/DaveAlger/eNxuJ/1/


profiter!