Posez votre question Signaler

Scroll Vertical d'images avec arrêt au survol [Résolu]

stanleyjobson2 3Messages postés 29 décembre 2004Date d'inscription - Dernière réponse le 31 juil. 2010 à 12:36
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
Lire la suite 

Scroll Vertical d'images avec arrêt au survol »

18 réponses
Réponse
+13
moins plus
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="http://upload.wikimedia.org/..." width="50" height="50"><br>
<img src="http://upload.wikimedia.org/..." width="50" height="50"><br>
<img src="http://upload.wikimedia.org/..." width="50" height="50"><br>
<img src="http://upload.wikimedia.org/..." width="50" height="50"><br>
<img src="http://upload.wikimedia.org/..." width="50" height="50"><br>
<img src="http://upload.wikimedia.org/..." width="50" height="50"><br>
<img src="http://upload.wikimedia.org/..." width="50" height="50"><br>
<img src="http://upload.wikimedia.org/..." width="50" height="50"><br>
<img src="http://upload.wikimedia.org/..." width="50" height="50"><br>
<img src="http://upload.wikimedia.org/..." 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*
Dalida- 5 sept. 2007 à 16:52
salut,

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…
*gab*- 5 sept. 2007 à 17:15
C'est pas mal !

Essaye maintenant de satisafaire l'internaute ;)

Essaye de faire avec une fonction du style onclick=.show() avec un Math.random() pour rediriger le visiteur vers 3 images suivantes, ou bien, fait un refresh de la page lors d'un clic :D
Si j'ai bien compris ce que voulais l'internaute :p

*gab*
Dalida- 5 sept. 2007 à 21:48
"rediriger le visiteur vers 3 images suivantes"
p****n mais bien sûr !
merci beaucoup à toi je ne voyais pas du tout ce qu'elle voulait !
bon je m'y mets demain ce sera la continuation de mon apprentissage et je te soumettrai ça !!!
-;o)
Ajouter un commentaire
Réponse
+1
moins plus
je cherche un comment faire défiler des images sans interruption en( boucle 012340123401234....)

merci
RAD ZONE- 7 sept. 2007 à 00:20
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
Ajouter un commentaire
Réponse
+0
moins plus
Salut,

Je suis sur que ça aidera au moins d'autre personne ^^
Ajouter un commentaire
Réponse
+0
moins plus
J'en serais heureux =D

*gab*
Ajouter un commentaire
Réponse
+0
moins plus
Tu peux aussi jeter un oeil du côté de http://script.aculo.us/
Ajouter un commentaire
Réponse
+0
moins plus
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 ?
Ajouter un commentaire
Réponse
+0
moins plus
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.spark- 8 sept. 2007 à 15:15
Je ne parlais pas du code de RAD.
*gab*- 8 sept. 2007 à 18:40
Si 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*
kevin - 31 juil. 2010 à 12:36
Merci beaucoup *gab* ca m'a personnellemnt bien aidé
Ajouter un commentaire
Ce document intitulé « Scroll Vertical d'images avec arrêt au survol » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?