28172 sujets

CSS et mise en forme, CSS3

bonjour,

ma question est toute simple, je souhaiterais comprendre comment fonctionnent les images annimées et cliquables comme on peut en voir parfois sur certains sites.

par exemple: http://www.tf1store.fr/index.php

est ce que quelqu'un pourrait m'aider ?

merci
Modifié par nicos74 (21 Nov 2008 - 16:26)
Bonjour,

Ta question est imprécise. À quel effet penses-tu exactement? Tu donnes une adresse d'exemple, mais quels sont les éléments qui t'intéressent?

PS: si je puis me permettre, lorsque tu trouves un exemple en ligne tu peux l'analyser directement. Smiley cligne Avec une extension comme Firebug en mode «Inspecter», ça aide.
Modifié par Florent V. (16 Nov 2008 - 22:52)
L'animation, qui est en fait un effet de déplacement avec changement dynamique en JavaScript de la valeur de la propriété left du conteneur des images (plus une ou deux subtilités), est bien réalisée en JavaScript. Il existe des scripts qui font ce genre de chose, par exemple:
http://sorgalla.com/projects/jcarousel/
(celui-ci n'a pas d'effet d'animation automatique comme sur l'exemple que tu montres)

Pour mettre en place ce genre de choses, des connaissances minimales (voire plus que minimales) en HTML, CSS et JavaScript sont nécessaires.

En l'occurrence, le site de TF1 Store utilise la librairie JS Yahoo! UI (et pas jQuery comme le script indiqué ci-dessus).