Scroll Vertical d'images avec arrêt au survol

Résolu/Fermé
stanleyjobson2 Messages postés 3 Date d'inscription mercredi 29 décembre 2004 Statut Membre Dernière intervention 2 juin 2007 - 15 janv. 2007 à 19:05
 kevin - 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

7 réponses

*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 60
4 sept. 2007 à 22:20
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*
14
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
4 sept. 2007 à 22:52
salut,

oui et comme ça maintenant quand je serais dans la panade avec JS, je sais à qui je demanderai !!!
-;o)
0
*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 60 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
4 sept. 2007 à 23:00
Huhu, si je peux :D

*gab*
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920 > *gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008
4 sept. 2007 à 23:25
as-tu vu passer cette discussion ?
0
*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 60 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
5 sept. 2007 à 15:32
Je vais voir ça !

*gab*
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920 > *gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008
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…
0
je cherche un comment faire défiler des images sans interruption en( boucle 012340123401234....)

merci
1
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
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
0
s.spark Messages postés 2480 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 617
4 sept. 2007 à 22:37
Salut,

Je suis sur que ça aidera au moins d'autre personne ^^
0
*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 60
4 sept. 2007 à 22:45
J'en serais heureux =D

*gab*
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Jean-François Pillou Messages postés 18707 Date d'inscription lundi 15 février 1999 Statut Webmaster Dernière intervention 16 février 2023 63 266
5 sept. 2007 à 03:43
Tu peux aussi jeter un oeil du côté de http://script.aculo.us/
0
s.spark Messages postés 2480 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 617
6 sept. 2007 à 23:17
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 ?
0
zatamine Messages postés 1 Date d'inscription samedi 8 septembre 2007 Statut Membre Dernière intervention 8 septembre 2007
8 sept. 2007 à 14:54
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...
0
s.spark Messages postés 2480 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 617
8 sept. 2007 à 15:15
Je ne parlais pas du code de RAD.
0
*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 60 > s.spark Messages postés 2480 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018
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*
0
Merci beaucoup *gab* ca m'a personnellemnt bien aidé
0