Discussion :

[laurentSc]

Bonsoir,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[Muchos]

Il faut utiliser l'attribut direction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[laurentSc]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[Muchos]

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

[Invité]

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

[laurentSc]

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)