Comment faire défiler des images comme sur le site suivant

Version imprimable

17/01/2008, 10h59
tidus_6_9_2

Comment faire défiler des images comme sur le site suivant

Bonjour,

J'ai vu sur un site internet (en locurence celui ci) et je voudrais faire le même code pour faire défiler les images. Le truc c'est que sur la page l'objet reste à une taille de 800 pixel de longueur, et moi j'aimerais qu'il s'adapte à la page, donc en %.

Si quelqu'un a un tuto pas trop compliqué sa serait gentil.

Salut, tu peux utiliser la balise marquee ( certain vont crier car elle est déprécié ) mais fonctionne sous ie 6/7 firefox ...
Code:

1 2 3 4 <marquee width="75%" style="border:1px solid #666"> et ici tu met ce que tu veux </marquee>
Sur laquelle tu gères un mouseover et un mouseout :
Code:

1 2 3 4 <marquee style="border:1px solid #666;width:50%;" onmouseover="this.stop();" onmouseout="this.start();"> et ici tu met ce que tu veux </marquee>
Bon courage

17/01/2008, 11h15
tidus_6_9_2

Je sais pas si ce que je dis est vrai, mais lorsque l'on utilise un marquee, les images commence à droite au lieu de commencer comme sur le site. Avec le marquee au chargement de la page les images commence à apparaitre alors que sur le site les images sont déjà toutes la et elles défilent. Je sais pas si tu vois ce que je veux dire...

heu pour les images qui commencent par la droite je ne pense pas , mais tu peux indiquer la direction en utilisant la propriété : direction="left"

Citation:

Avec le marquee au chargement de la page les images commence à apparaitre alors que sur le site les images sont déjà toutes la et elles défilent. Je sais pas si tu vois ce que je veux dire...

Dans ce cas la il faut faire un preload de tes images avant de lancer le start du marquee, un exemple de vérification , qui permet d'attendre que l'image sois bien chargée :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> <script type="text/javascript"> function loadIt(theImage,form) { document.images[0].src = theImage verif(document.images[0]); } function verif(img) { if(img.complete) alert("chargé"); else setTimeout(function() {verif(img);}, 500); } </script> </head> <body> <IMG SRC="cpu2.gif" width="120" height="90" onLoad=""> <FORM> <INPUT TYPE="button" VALUE="grosse image" onClick="loadIt('http://www.paris-360.com/admin/upload/tuilerie_neige hd.jpg',this.form)"> </FORM> </body> </html>
si tu as un souçis je te montrerais comment faire complètement mais essaye de le faire toi même tu as tout les éléments :)

ps : tu dois appeler ton script dès le dénut de la page :)

17/01/2008, 11h35
tidus_6_9_2

J'arrive pas à atribuer le javascript au marquee :?

Mais en reprenant l'exemple du site d'avant, es ce que le marque fera exactement la même chose ? Parce que sur internet c'est l'un des très rares exemples que j'ai trouvé... Même les tuto en général je ne les trouvent pas pour faire la même chose...
17/01/2008, 13h04
tidus_6_9_2

C'est bon j'ai réussi tout seul merci quand même, j'ai du modifier quelque trucs du codes déjà existant sur la page du site. A plus
17/01/2008, 14h32
tidus_6_9_2

Re salut, après avoir réussi à redimensionner mon objet, il y a eu un petit problème qui est venu se rajouter.

La page est énormément grande et je vois pas d'ou le problème peux venir... exmple : cliquez ici

Si quelqu'un peu m'aider jsute pour ca svp