Scroll Vertical d'images avec arrêt au survol
Résolu
stanleyjobson2
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
kevin -
kevin -
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
A voir également:
- Scroll Vertical d'images avec arrêt au survol
- Arrêt maladie - Guide
- Scroll lock clavier ✓ - Forum Clavier
- Trait vertical clavier - Forum Windows
- Arrêt défilement excel ✓ - Forum Excel
- Scroll lock ✓ - Forum Matériel & Système
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*
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*
je cherche un comment faire défiler des images sans interruption en( boucle 012340123401234....)
merci
merci
SALUT 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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'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 ?
oui et comme ça maintenant quand je serais dans la panade avec JS, je sais à qui je demanderai !!!
-;o)
*gab*
*gab*
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…