Javascript défilement images probleme

Résolu/Fermé
poulap - 11 mars 2010 à 23:54
swoog42 Messages postés 1060 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 - 14 mars 2010 à 17:35
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
A voir également:

11 réponses

swoog42 Messages postés 1060 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 244
11 mars 2010 à 23:57
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 ^^
0
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....
0
swoog42 Messages postés 1060 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 244
12 mars 2010 à 00:15
dans ta balise img, change l'attribut name par id, ca marchera mieux
0
y'a déja un id="logo" dans ma balise img...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
swoog42 Messages postés 1060 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 244
12 mars 2010 à 00:23
oula... désolé, ca doit être la fatigue...
alert avant ta fonction pour voir

0
swoog42 Messages postés 1060 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 244
12 mars 2010 à 00:47
euh... je viens de voir... type="text/javaScript"
tu as oublié le 'r' ^^
0
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);
}
}
0
swoog42 Messages postés 1060 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 244
12 mars 2010 à 01:04
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
0
swoog42 Messages postés 1060 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 244
12 mars 2010 à 01:14
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>
0
YEAH ! ça marche, merci beaucoup... You rocks ! =)
0
swoog42 Messages postés 1060 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 244
14 mars 2010 à 17:35
Je sais merci ^^
Ravi de t'avoir aidé
0