Faire défiler les thumbs

[Fox]

[Arf]

Bonjour,

Une fois plus un sujet très interessant
Je suis certains, que ça servira à quelques membres

Arf.

[didiersurf]

Bonjour, serait-il possible de savoir comment faire pour ralentir la vitesse de defilement,comme la fait bende paris,je viens de le mettre sur mon annuaire: http://anthemis.fr.nf/hope/ ,merci pour le partage.Amicalement.

[didiersurf]

c'est bon j'ai pu trouver un bout de code,je vous en remercie.

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="10">
{foreach from=$randomSites value=site}
<a href="{"/site/details/$site.siteId/%s"|url:$site.siteTitle}" title="{$site.siteTitle}" >
<img alt="{$site.siteTitle}" src="{$site.imageSrc}" width="200" height="150" />
</a>
{/foreach}
</marquee>

[37°2]

Bonjour,

Un bel effet ce défilement de thumbnails, merci de ce partage... Je trouve dommage par contre, que les thumbs soient si rapprochées et que l'espace d'origine entre ces dernières ne soit plus présent.

Peut être faut-il modifier un autre fichier pour retrouver l'espacement original ? Y-a t-il une solution ?

@++

[infobarquee]

bonjour,
comment avez vous l'effet de perspective?
merci

Ok j'ai trouvé, il faut s'inscrire sur le site qui fournit les thumbs, mais il y a des clauses, tous les sites ne sont pas acceptés.

[infobarquee]

Les différentes options pour marquee, ca peut servir à tout le monde :

Direction
right (vers la droite )
down (vers le bas)
left (vers la gauche )
up (vers le haut )

Behavior
Alternate (Va et vient )
Scroll (défile )
Slide (défile et s'arrete ( loop devant être réglé à 1)



Width et Height
défini en pixels ou en pourcentage de la fenêtre Largeur ou Hauteur de la marquise.

Loop
nombre Nombre de "passage" de la marquise.Régler sur -1 ou infinite pour obtenir une animation infinie

Z-index
nombre Réglage de la superposition des images. Plus le nombre est grand, plus l'image se trouvera sur le dessus lors du "croisement" des images.

ScrollAmount
nombre Ici on indique de combien de pixels l'image ou le texte avance à chaque "pas".

ScrollDelay
nombre En millisecondes: le délai entre chaque avancée ou pas de l'image.


Mais il est aussi possible de rajouter ceci:

onmouseover='this.stop()'
Quand le curseur survol, la marquise l'animation se stope

onmouseout='this.start()'
Quand le curseur sort de la marquise, l'animation repart



Un petit exemple pour la fin:
<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="loop" width="100" loop="-1" direction="up" height="50" scrollamount="1" scrolldelay="10">coucou</marquee>

[Rico]

C'est nickel mais sous IE ça défile bien par contre sur FF3, je n'ai aucune thumb, ni fixe ni défilante