High-Tech Santé Médecine Droit-Finances

Bien choisir

son appareil photo

Rechercher : dans
Par :

Scroll Vertical d'images avec arrêt au survol

Dernière réponse le 8 sep 2007 à 18:40:59 stanleyjobson2, le 15 jan 2007 à 19:05:45 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 2.0.0.1

Meilleures réponses pour « Scroll Vertical d'images avec arrêt au survol » dans :
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Fichier ISO (Image ISO) VoirFormat ISO Un fichier possédant l'extension .ISO est une image ISO, c'est-à-dire une image d'un disque (CD, DVD ou disque dur) sous forme de fichier, créer avec un logiciel de gravure. Comment lire un fichier ISO ? En l'absence de graveur, il...
Le scanner VoirLe scanner Un scanner (anglicisme pour le mot français «numériseur») est un périphérique d'acquisition permettant de numériser des documents, c'est-à-dire de transformer un document papier en image numérique. On distingue généralement trois...
Posez votre question Répondre

1

*gab*, le 4 sep 2007 à 22:20:43
  • +8

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*

   
Répondre à *gab*

4

Dalida, le 4 sep 2007 à 22:52:39

Salut,

oui et comme ça maintenant quand je serais dans la panade avec JS, je sais à qui je demanderai !!!
-;o)
[ Mathieu ] 

Il y a surement des pandas pour ne dépendre de rien

   
Répondre à Dalida

5

*gab*, le 4 sep 2007 à 23:00:30

Huhu, si je peux :D

*gab*

   
Répondre à *gab*

6

Dalida, le 4 sep 2007 à 23:25:47

As-tu vu passer cette discussion ?
[ Mathieu ] 

Il y a surement des pandas pour ne dépendre de rien

   
Répondre à Dalida

9

*gab*, le 5 sep 2007 à 15:32:12

Je vais voir ça !

*gab*

   
Répondre à *gab*

10

Dalida, le 5 sep 2007 à 16:52:49

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…
[ Mathieu ]

"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

   
Répondre à Dalida

11

*gab*, le 5 sep 2007 à 17:15:36

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*

   
Répondre à *gab*

12

Dalida, le 5 sep 2007 à 21:48:24

"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)
[ Mathieu ]

"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

   
Répondre à Dalida

2

s.spark, le 4 sep 2007 à 22:37:10

Salut,

Je suis sur que ça aidera au moins d'autre personne ^^

   
Répondre à s.spark

3

*gab*, le 4 sep 2007 à 22:45:14

J'en serais heureux =D

*gab*

   
Répondre à *gab*

7

Jeff, le 5 sep 2007 à 03:43:45

Tu peux aussi jeter un oeil du côté de http://script.aculo.us/ Jeff - Wm@Ccm -

   
Répondre à Jeff

13

zatamine, le 6 sep 2007 à 23:05:01
  • +1

Je cherche un comment faire défiler des images sans interruption en( boucle 012340123401234....)

merci

   
Répondre à zatamine

15

RAD ZONE, le 7 sep 2007 à 00:20:21

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 ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

14

s.spark, le 6 sep 2007 à 23:17:15

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 ?

   
Répondre à s.spark

16

zatamine, le 8 sep 2007 à 14:54:02

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...

   
Répondre à zatamine

17

s.spark, le 8 sep 2007 à 15:15:25

Je ne parlais pas du code de RAD.

   
Répondre à s.spark

18

 *gab*, le 8 sep 2007 à 18:40:59

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*

   
Répondre à *gab*
Posez votre question Répondre
Ils ont besoin de votre aide