Scroll Vertical d'images avec arrêt au survol
Résolu
Salut,
Je voudrais mettre dans mon site un scroll vertical d'images, avec arrêt du scroll au survol de l'image et reprise après la levée du survol
Si quelqu'un connait un tuto pour ça, ça me ferait plaisir qu'il me le passe.
Merci
Je voudrais mettre dans mon site un scroll vertical d'images, avec arrêt du scroll au survol de l'image et reprise après la levée du survol
Si quelqu'un connait un tuto pour ça, ça me ferait plaisir qu'il me le passe.
Merci
Configuration: Windows XP Firefox 2.0.0.1
7 réponses
-
Bonjour,
Je vois que ça date... Mais ce n'est jamais trop tard pour répondre, ou bien si... Enfin bref...
<HTML>
<HEAD>
<TITLE>Votre titre</TITLE>
</HEAD>
<BODY>
<div>
<TABLE>
<TR><TD>
<marquee id="scroller" scrollamount="5" direction="up" width=50 height=50% bgcolor="#ffffff"
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Full_Moon_Luc_Viatour.jpg/50px-Full_Moon_Luc_Viatour.jpg" width="50" height="50"><br>
</marquee>
</TD></TR>
</TABLE>
</div>
</BODY>
</HTML>
Tu remplace les tailles et tout, la source de l'image, la vitesse... etc... :D
Avec plaisir si ça peut toujours aider ?
*gab*-
-
-
Contributeur
-
-
Contributeur@Utilisateur anonymesalut,
et si tu pouvais aussi me dire ce que tu penses de cette proposition que j'ai faite.
je ne trouve pas cela folichon et comme je suis un grand débutant en JS…
-
-
je cherche un comment faire défiler des images sans interruption en( boucle 012340123401234....)
merci-
ContributeurSALUT zatamine
j avais fais ca il y as quelque temps sur le forum
si c est ce que tu veux ?
images qui defilent cote a cote#3
RAD
-
-
ContributeurSalut,
Je suis sur que ça aidera au moins d'autre personne ^^ -
J'en serais heureux =D
*gab* -
WebmasterTu peux aussi jeter un oeil du côté de http://script.aculo.us/
-
ContributeurJ'ai testé vite fais le code, c'est bien en boucle, mais ce qui est bizarre c'est qu' apparemment on ne peut voir que la 1er image ?
-
merci a tous, et sur tout a RAD ZONE, je viens de voire l'exemple, c ce que je cherche, juste une question il est possible de le mètre en horizontale?
merci encore.
s.spark, il marche a merveille...-
-
@s.sparkSi c'est de mon code que tu parlais, c'est que j'ai mis la même image pour chaque image, change les en remplaçant l'image après src=" !
*gab* -
-
