Discussion :

[monlou]

Bonjour,

j'ai mis un script avec marquee pour un d�filement de 12 images qui d�marre en javascript

le script marche bien sur i.e 9 mais pas sur chrome car il n'y a que 4 images sur 12 qui d�filent

quelqu'un saurait-il comment s'en sortir ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<marquee align="center" height="200"  scrolldelay="5" scrollamount="5" onmouseout="this.start()" onmouseover="this.stop()">
 
<p>
 
<img border="0" src="images/artistes/Adele.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/AmyWinehouse.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/BritneySpears.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/CelineDion.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/ElvisPresley.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/JamesBlunt.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/jenniferlopez.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/KatyPerry.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/LadyGaga.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/Madonna.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/MariaCarey.jpg" alt="" hspace="0">
<img border="0" src="images/artistes/Rihanna.jpg" alt="" hspace="0">
 
</p>
</marquee>

[Kaamo]

Bonjour,

Pas de soucis de mon cot� (avec mes images). Es-tu s�r du chemin ? Sont-elles toutes disponibles dans ton r�pertoire images/artistes ?

Sinon, un peu de sensibilisation :

hspace est d�pr�ci�e. Il est conseill� de la remplacer par du CSS :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<img style="margin: 0px 0px">

Pourquoi utiliser hspace dans ton cas d'ailleurs ? Cet attribut permet de mettre une marge � gauche et � droite de l'image mais, de base, tu n'as pas de marge donc mettre hspace=0 ne sert � rien.

Idem pour le border=0 : De base, il n'y a pas de bordure sauf pour les images contenues dans les balises <a>.

Enfin, la balise marquee, bien qu'elle soit support�e par les navigateurs, n'est pas conseill�e non plus car elle est propri�taire de Microsoft (c'est une balise non standard qui n'a jamais �t� valid�e par le W3C). Plusieurs solutions de remplacement :

- utiliser du CSS3 (ok ce n'est pas encore compatible partout mais �a le deviendra => une piste)
- utiliser un script javascript qui permet de faire d�filer des �lements (le net regorge d'exemple.)

[devyan]

Bonjour,

Si cela ne marche toujours pas essaye d'ajouter 'white-space:nowrap' pour emp�cher le retour � la ligne si tes images sont s�par�es par des espaces ou retours � la ligne dans ton code HTML.

devyan

[monlou]

merci pour vos r�ponses
j'ai tout essay� vos suggestions mais toujours pareil

marche tres bien avec explorer
4 images sur 12 avec chrome

Kaamo

utiliser un script javascript qui permet de faire d�filer des �lements (le net regorge d'exemple.)

oui j'y ai pens� mais sont pas toujours fonctionnel et pratique . faut savoir choisir parmi tout cet �ventail de t�l�chargement de script sur son site.

editer: je viens de me rendre compte que si j'enleve la hauteur au debut de la balise marquee, les images se d�filent a raison de 4 images sur 3 lignes sur chrome ce qui est �tonnant non ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<marquee align="center"  scrolldelay="5" scrollamount="5" onmouseout="this.start()" onmouseover="this.stop()">

[Kaamo]

�a d�pend de la taille des images. Elles font toutes la m�me dimension ?

[monlou]

oui elles sont toutes de la memes tailles mais avec quelques diff�rences en r�solution.

je vais prendre le temps de les redimensionner en plus petites pour voir l'effet que ca apportera. peut-etre qu'au lieu d'afficher 4 photos sur 3 lignes, je r�ussirai tout de moins a afficher 6 photos sur 2 lignes.

et je posterai le r�sultat ici

[devyan]

merci pour vos r�ponses
j'ai tout essay� vos suggestions mais toujours pareil

marche tres bien avec explorer
4 images sur 12 avec chrome

Kaamo


oui j'y ai pens� mais sont pas toujours fonctionnel et pratique . faut savoir choisir parmi tout cet �ventail de t�l�chargement de script sur son site.

editer: je viens de me rendre compte que si j'enleve la hauteur au debut de la balise marquee, les images se d�filent a raison de 4 images sur 3 lignes sur chrome ce qui est �tonnant non ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<marquee align="center"  scrolldelay="5" scrollamount="5" onmouseout="this.start()" onmouseover="this.stop()">

C'est pour ce genre de chose que je t'ai sugg�r� plus t�t d'ajouter la clause CSS "white-space:nowrap" dans le conteneur des images afin de lui demander de ne pas passer � la ligne.
Par contre il faut laisser la largeur "libre".

devyan