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

**tidus_6_9_2** · 17/01/2008, 10h59

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.

**le_chomeur** · 17/01/2008, 11h11

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**tidus_6_9_2** · 17/01/2008, 11h15

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

**le_chomeur** · 17/01/2008, 11h32

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"

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**tidus_6_9_2** · 17/01/2008, 11h35

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

**tidus_6_9_2** · 17/01/2008, 13h04

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

**tidus_6_9_2** · 17/01/2008, 14h32

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

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

JavaScript

Discussions similaires

Partager

Partager