marquee alterné vertical images

Bonsoir,

je voudrais faire défiler de façon alternée et verticalement des images avec "marquee" ; je sais le faire horizontalement :

Code:

---

1 2 3 4 5 6 7

<marquee behavior="alternate" loop="0" height="200" width="250" scrollamount="2" scrolldelay="20" truespeed="" onmouseout="this.start()" onmouseover="this.stop()"> <img src="img1.jpg" border="0"> <img src="img2.jpg" border="0"> etc </marquee>

---

mais verticalement, je n'y arrive pas ; peut-on m'aider ?

Il faut utiliser l'attribut direction :

Code:

---

1 2 3 4

direction="up" <!--ou--> direction="down"

---

On peut aussi spécifier left ou right, bien sûr !

NOTA: je remarque avec effroi que cette balise est utilisée ! 8O

C'est ce que je croyais aussi et avec ça :

Code:

---

1 2 3 4 5 6

<marquee behavior="alternate" direction="down" height="200" width="250" scrollamount="2" scrolldelay="40" truespeed="" onmouseout="this.start()" onmouseover="this.stop()"> <p> <img src="img1.jpg" border="0"><img src="img2.jpg" border="0"></p> </marquee>

---

je viens de constater que ça marche bien avec FF mais pas avec IE !! Y aurait-il une solution pour IE ?

Sachant que c'est une balise propriétaire Microsoft, ça devrait fonctionner avec IE plutôt qu'autre chose :P

Ton code fonctionne sous I.E.8
Quelle est ta version ?

PS : <marquee> est une balise dépréciée, et vouée à disparaitre.

PAr contre, il existe des possibilités en CSS3.
=> regarde cette discussion "Déplacement horizontalement d'une image"
Pour une translation verticale, il faut juste remplacer translateX par translateY

C'est bizarre, ton code en CSS3 marche aussi sous FF12, mais pas sous mon...IE8 (8.0.6001... et 128 bits) :( (même en horizontal)

C'est normal. I.E. est très en retard...

C'est pour ça que <marquee> serait une alternative, UNIQUEMENT pour I.E.

OK, bien noté.

Je viens de tester le code de défilement horizontal sous FF (avant, j'étais resté à coucou) et ce que je voudrais, c'est que les images ne disparaissent pas à droite ; comment modifier le CSS pour cela ? (Ca doit dépendre de la largeur des images)

Citation:

---

Envoyé par laurentSc

comment modifier le CSS pour cela ? (Ca doit dépendre de la largeur des images)

---

Bingo.
Il faut régler les valeurs dans TranslateX(...)

Citation:

---

Il faut régler les valeurs dans TranslateX(...)

---

D'accord, mais supposons que je remplace "coucou" par une image de largeur "widthx" (<img src="img.jpg"/>), ça donnerait quoi ?