Defilement d'image en boucle

Version imprimable

17/07/2008, 23h16
mimagyc

Defilement d'image en boucle

Bonjour,

je cherche a faire un défilement d'image, mais je pense pas le faire correctement, enfin de la meilleur façon , actuellement on peut voir que je fait un décalage d'une distance bien précise, or je voudrait plutôt que le décalage se face de la largeur de l'image suivante, et aussi que lorsque l'on arrive au bout du défilement, que l'image première revienne, un défilement sans fin quoi ^^

voici ce que j'ai pu faire pour l'instant : http://mimagyc.free.fr/gabi/

une idée ?

Merci.
18/07/2008, 09h03
SpaceFrog

merci de consulter les contributions ...

Merci.

j'ai trouver ceci :

http://javascript.developpez.com/sou...images#galerie

Oui en effet , ca aide, j'essaye seulement de comprendre cette partie la pour le remanier a ma façon ,
Code:

1 2 3 4 5 6 7 8 for(i=0;i!=60;i++){ zero= i<9 ? 0 : ""; tab[i]=new Image(); tab[i].src="http:/ /javatwist.imingo.net/sm"+zero+(i+1)+".gif"; c.appendChild(tab[i]); } document.body.replaceChild(c,document.getElementById('nul'));
Merci.

21/07/2008, 00h11
mimagyc
Alors je suis parti a faire quelque chose ou je m'y per un peu la ,

mon souci est que la console d'erreur de FF me trouve une erreur a la ligne 15,
c'est a dire cette ligne :
Code:

1 2 xhr_object.open("GET", fichier, false);
Ce que je ne comprend pas, c'est que lorsque que je fait un alert avec la fonction file sur le fichier srcimg.php ca me renvoie la bonne réponse ...

Voici ma page test : http://mimagyc.free.fr/gabi/

Merci.
21/07/2008, 09h31
SpaceFrog

c'est quoi ce test là ???

Code:

zero= i<9 ? 0 : "";

Code:

zero=( i<9 )? 0 : "";

serait une meilleure syntaxe ...

et fais un alert du scr complet ...
21/07/2008, 09h35
SpaceFrog

Et puis leecher les images chez javatwister :nono:

Code:

tab[i].src="http://javatwist.imingo.net/sm"+zero+(i+1)+".gif";
21/07/2008, 11h27
mimagyc

Le code source, il est pas de moi, j'essai simplement de m'en inspirer.

Et je ne comprend toujours pas pourquoi il em fait une erreur comme celle ci
21/07/2008, 11h42
SpaceFrog

oui le code source est de javatwister ...

as tu fais un alert du src complet ?
21/07/2008, 12h11
mimagyc
Je suis pas sur de comprendre mais j'ai fait un alert sur
Code:

1 2 3 alert(file('numimg.php')); alert(file('srcimg.php?id=3'));
et il me renvoie la bonne réponse, c'est a dire le nombre d'image et le deuxieme la source de l'image qui a l'id 3 (image/image03.jpg).

Merci.
21/07/2008, 13h40
SpaceFrog

et

Code:

alert("http://javatwist.imingo.net/sm"+zero+(i+1)+".gif")

?
21/07/2008, 14h02
mimagyc
Pourquoi
Code:

1 2 alert("http://javatwist.imingo.net/sm"+zero+(i+1)+".gif")
Je n'utilise pas ces images ^^
mes images sont dans http://mimagyc.free.fr/gabi/images/

Merci.
21/07/2008, 14h05
SpaceFrog

et bien alors le src de l'image que tu concatènes ... :roll:
21/07/2008, 16h41
mimagyc

J'ai jamais compris ce mot : concatènes

Donc si je fait un alert sur alert(file('srcimg.php?id=3'));

il me retourne images/image03.jpg , donc niquel, et dans la page index.php dans le navigateur, il charge rien ...

J'espere avoir compris.

Merci.
21/07/2008, 16h46
SpaceFrog

heu image ??? un php ???
pas très clair ...
21/07/2008, 17h26
mimagyc
Code:

1 2 3 4 5 6 7 for (i=0; i<maxImg; i++) { tab[i] =new Image(); tab[i].src= file('srcimg.php?id='.i); $('renduapercu').appendChild(tab[i]); }
Donc je crée une nouvelle image,
ensuite cette image a comme source file('srcimg.php?id='.i);
, ce fichier retourne l'URL de l'image selon l'ID.
et ensuite je la rentre dans la div renduapercu.

Merci.
21/07/2008, 17h28
SpaceFrog

pourquoi file ??? et pas le nom du fichier simplement ?
21/07/2008, 20h04
mimagyc

Parce que la personne qui va utiliser le site pourra ajouter et supprimer des image via une page admin, donc je vai cherché les images dans une base de donnée mysql qui contien une ID et un source (url de l'image).

Merci.
21/07/2008, 20h18
SpaceFrog

oui ben juste page php pas besoin de file
si ta page php retourne le flux de l'image ...
21/07/2008, 20h24
mimagyc

oui ... :aie: .

Donc maintenant commment faire pour avoir un defilement en boucle de tout ca :roll:
21/07/2008, 20h26
SpaceFrog

setInterval ...
ou alors tester le i en fin de boucle pour le remettre à 0 ?

bah du coup je n'utilise plus la fonction

Code:

1
2
3
4
5
6
7
 
for (i=0; i<maxImg; i++) {
 
	tab[i] =new Image();
	tab[i].src= file('srcimg.php?id='.i);
	$('renduapercu').appendChild(tab[i]);
}

mais un fichier PHP

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<?php
$rq = mysql_query("SELECT * FROM image") or die (mysql_query());
 
$idnum = 00;
 
echo '<div id="souscontenu">';
 
while ($res = mysql_fetch_assoc($rq))  {
 
$idnum++;
 
echo '<a onmouseover="changeImage(\''.$res['source'].'\')"><img id="img'.$idnum.'" class="renduAp" src="'.$res['source'].'" alt="'.$res['nom'].'" /></a>';
 
}
 
echo '</div>';
 
?>

du coup plus de i

21/07/2008, 23h23
mimagyc

Bon, je tourne en rond la ,
Si quelqu'un peut m'aider a trouver une solution pour moi, je ne trouve pas une solution pour avoir un défilement en boucle des images .

les fichier sont ici : Lien

Merci.