Javascript défilement images probleme
Résolu
poulap
-
swoog42 Messages postés 1178 Statut Membre -
swoog42 Messages postés 1178 Statut Membre -
Bonsoir,
J'ai intégré un petit script javascript dans ma page d'index de mon site que je suis en train de développer.
Mais il ne marche pas et je ne vois pas l'erreur.
le script :
<HEAD>
<script type="text/JavaScipt">
var imgs=new Array();
imgs[0]='src="images/aslm/angers.jpg"';
imgs[1]='src="images/aslm/benoit.png"';
imgs[2]='src="images/aslm/Dominos.jpg"';
imgs[3]='src="images/aslm/sport2000.jpg"';
imgs[4]='src="images/aslm/superu.png"';
var cpt=0;
function changeimages()
{
document.getElementById("logo").src=imgs[cpt];
cpt++;
if(cpt>=imgs.length) cpt=0;
setTimeout("changeimages()",1500);
}
</script>
</HEAD>
<BODY onLoad="changeimages()">
<img id="logo" name="logo" src="images/aslm/angers.jpg" alt="logo" />
</BODY>
La premiere image s'affiche bien, mais elle reste la même, il n'y a pas de défilement, pourtant il n'y pas d'erreur marquées.
Merci pour l'aide
J'ai intégré un petit script javascript dans ma page d'index de mon site que je suis en train de développer.
Mais il ne marche pas et je ne vois pas l'erreur.
le script :
<HEAD>
<script type="text/JavaScipt">
var imgs=new Array();
imgs[0]='src="images/aslm/angers.jpg"';
imgs[1]='src="images/aslm/benoit.png"';
imgs[2]='src="images/aslm/Dominos.jpg"';
imgs[3]='src="images/aslm/sport2000.jpg"';
imgs[4]='src="images/aslm/superu.png"';
var cpt=0;
function changeimages()
{
document.getElementById("logo").src=imgs[cpt];
cpt++;
if(cpt>=imgs.length) cpt=0;
setTimeout("changeimages()",1500);
}
</script>
</HEAD>
<BODY onLoad="changeimages()">
<img id="logo" name="logo" src="images/aslm/angers.jpg" alt="logo" />
</BODY>
La premiere image s'affiche bien, mais elle reste la même, il n'y a pas de défilement, pourtant il n'y pas d'erreur marquées.
Merci pour l'aide
Configuration: Linux / Firefox 3.5.8
11 réponses
-
fais un
alert(cpt)
pour voir s'il évolue bien...
mais bon, déjà, je n'aurais pas utilisé de structure récursive pour ce genre de travail... Rien ne vaut une bonne bouche infinie dans ton cas ^^ -
Merci, j'ai mit un alart(cpt) mais il n'affiche strictement rien... j'ai l'impression que la fonction changeimage() n'est pas utilisé que je ne rentre pas dedans, qu'elle n'est pas appelée...
Je comprends pas pourquoi ça marche pas.... -
dans ta balise img, change l'attribut name par id, ca marchera mieux
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
oula... désolé, ca doit être la fatigue...
alert avant ta fonction pour voir
-
euh... je viens de voir... type="text/javaScript"
tu as oublié le 'r' ^^ -
C'est bon ça marche, enfin presque...
Si je laisse le alert dans ma fonction les images changent dès que j'appuis sur "ok" dans la fenêtre de notification de l'alerte javascript...
Cependant si j'enlève le alert les images ne changent pas toute seule... je suppose car la page n'est pas rechargé... comment faire alors pour que les images défilent sans recharger la page ?
</script>
<script language="javascript">
var imgs=new Array();
imgs[0]="images/aslm/angers.jpg";
imgs[1]="images/aslm/benoit.jpg";
imgs[2]="images/aslm/Dominos.jpg";
imgs[3]="images/aslm/sport2000.jpg";
imgs[4]="images/aslm/superu.jpg";
var cpt=0;
function changeImages(){
for (var i=1; i<=5; i++){
document.getElementById("logo").src=imgs[cpt];
cpt++;
alert(cpt);
if(cpt>=imgs.length){ cpt=0;}
setTimeout("",1500);
}
} -
j'ai fais le test chez moi, et j'ai aussi cette impression... seule la dernière image reste affichée, après une courte apparition de la première :s
-
Tiens, j'ai trouvé, ce code marche chez moi ! Pense juste à remettre tes images perso :)
<script type="text/javaScript"> var imgs=new Array(); imgs[0]="1.png"; imgs[1]="2.png"; imgs[2]="3.png"; imgs[3]="4.png"; imgs[4]="5.png"; var cpt=0; function changeimages() { document.getElementById("logo").src=imgs[cpt]; cpt++; if(cpt>=imgs.length) cpt=0; setTimeout("changeimages()",1500); } </script> -
-
