Discussion :

[DolomatS]

Bonjour,

Je suis la pour demand� de l aide comme, je suis entrain de cr�� un site
Amateur et la j ai utilis� la balise "marquee" pour faire d�file des photo
de haut en bas mais le probl�me que j ai c est que �a d�file tous les photo
et ca se coupe et �a recommence a d�fil� se que je veux moi c est que �a
d�file en boucle �a se coupe pas qu'il y est pas de vide !

est se que c est possible ?
si c est le cas merci de me montrer comment en sachant que je suis pas
pro (Simplifier) Merci beaucoup

Voila Mon site http://csradio.webou.net (la banni�re adroite)

[dragondark]

salut

alors tout simplement :

Code :

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

1
2
3
4
5
6
7
 
while(true){
 
<!--// ton script par ici //-->
 
<!--//fin de ton script //-->
}

en gros �a ex�cute ton script puis cela retourne au d�but
jusqu'a ce que la variable dans les parenth�se du while passe a false.
comme c'est true cela ne s'arr�tera jamais.
si tu veux rajouter un bouton d'arret

Code :

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

1
2
3
4
5
6
7
 
var marche = true;
while(marche){
<!--// ton script par ici //-->
 
<!--//fin de ton script //-->
}

et tu rajoute un bouton qui appel cette fonction

Code :

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

1
2
3
4
 
function stopphoto(){
marche = false;
}

par contre il arr�tera le d�filement en continue des photo et pas une pause (tout passera avant de s'arr�ter)
voili voilou
Major Dragondark De Lonlindil

[DolomatS]

Bonjours,

Merci pour ta r�ponse
j ai essai� de m�ttre tout le code dans le script que tu ma sugg�r� mais ca
n'a rien chang� voila tous le code si tu peux faire un essaie chez toi
et si �a marche tu me passe le code fonctionnelle merci !

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
20
21
22
23
24
25
<div align="center">
<marquee class="marq"direction="down" behavior="scroll" height="580px" onmousemove="this.stop()" onmouseout="this.start()">
 
<div class="pic"><a href='singers/brad.html' rel="lightbox[set 520 430]" title="Brad Sucks"><img src="singers/thumb/sm_bradsucks.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/club8.html' rel="lightbox[set 520 430]" title="Club 8"><img src="singers/thumb/sm_club8.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/cold.html' rel="lightbox[set 520 430]" title="ColdPlay"><img src="singers/thumb/sm_coldplay.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/cranb.html' rel="lightbox[set 520 430]" title="Cranberries"><img src="singers/thumb/sm_cranberries.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/dandy.html' rel="lightbox[set 520 430]" title="Dandy Warhols"><img src="singers/thumb/sm_dandywarhols.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/kasabian.html' rel="lightbox[set 520 430]" title="Kasabian"><img src="singers/thumb/sm_kasabian.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/mandalay.html' rel="lightbox[set 520 430]" title="Mandalay"><img src="singers/thumb/sm_mandalay.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/muse.html' rel="lightbox[set 520 430]" title="Muse"><img src="singers/thumb/sm_muse.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/radiohead.html' rel="lightbox[set 520 430]" title="Radiohead"><img src="singers/thumb/sm_radiohead.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/redhot.html' rel="lightbox[set 520 430]" title="Red Hot Chili Peppers"><img src="singers/thumb/sm_redhotchilipeppers.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/spoon.html' rel="lightbox[set 520 430]" title="Spoon"><img src="singers/thumb/sm_spoon.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/stereo.html' rel="lightbox[set 520 430]" title="Stereophonics"><img src="singers/thumb/sm_stereophonics.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/asteroids.html' rel="lightbox[set 520 430]" title="The Asteroids Galaxy Tour"><img src="singers/thumb/sm_theasteroidsgalaxy.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/pornographers.html' rel="lightbox[set 520 430]" title="The New Pornographers"><img src="singers/thumb/sm_thenewpornographers.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/strokes.html' rel="lightbox[set 520 430]" title="The Strokes"><img src="singers/thumb/sm_thestrokes.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/ting.html' rel="lightbox[set 520 430]" title="The Ting Tings"><img src="singers/thumb/sm_thetingtings.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/verve.html' rel="lightbox[set 520 430]" title="The Verve"><img src="singers/thumb/sm_theverve.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/travis.html' rel="lightbox[set 520 430]" title="Travis"><img src="singers/thumb/sm_travis.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/vector.html' rel="lightbox[set 520 430]" title="Vector Lovers"><img src="singers/thumb/sm_vectorlovers.jpg" width="100" height="100"/></a></div>
<div class="pic"><a href='singers/zero7.html' rel="lightbox[set 520 430]" title="Zero 7"><img src="singers/thumb/sm_zero7.jpg" width="100" height="100"/></a></div>
 
</marquee>

NB : je veux pas que le defilement des image interompe comme c'est d�ja
le cas MERCIIIIIIIII !

http://csradio.webou.net/singers.html

[Neii Mad]

Dans ce cas, l�, oublie le <marquee> (si je ne m'abuse), car c'est son defaut (sans compter que "L'�l�ment MARQUEE est sp�cifique d'Internet Explorer et ne figure pas dans les sp�cifications HTML 3.2 ou HTML 4.0", pour la route).

Si tu veux vraiment aucune interruption, il faudrait les faire d�filer dans un conteneur, et faire en sorte qu'� chaque fois qu'une img disparait hors de celui, elle soit repositionn�e/replac�e � l'autre bout. Certes, c'est un peu plus complexe, mais ca s'apprend assez vite au final


Il faudrait (� vue de nez) :

(x)html/css :

- un conteneur taill�, en position relative et en overflow hidden;
- dedans, les images en position absolute;

javascript :

- reposition de toute les images en boucle et donc d�filement
- v�rification : l'image d�plac�e est-elle hors du conteneur : position de l'image > � la taille du conteneur ? Si c'est le cas, reposition en haut du conteneur

Ou sinon, mettre les images dans un sous conteneur et faire d�placer le sous conteneur, faire la m�me v�rification (img hors du conteneur principal), et replacer l'image en premier lieu dans le sous conteneur. Ce qui me parait plus int�ressant.

[DolomatS]

Bonjours !



bon a vraie dire je voie de quoi tu parle mais je pense pas que je vais
pouvoir faire ca maintenant peut-�tre dans le FUTURE
parce que s�rieusement la je serais pas capable

Merci pour le cup de main

Cya