Javascript défilement images probleme
Résolu
poulap
-
swoog42 Messages postés 1060 Date d'inscription Statut Membre Dernière intervention -
swoog42 Messages postés 1060 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Javascript défilement images probleme
- Barre de défilement - Guide
- Des images - Guide
- Telecharger javascript - Télécharger - Langages
- Arrêt défilement excel ✓ - Forum MacOS
- Images enregistrées ✓ - Forum Bluetooth
11 réponses
fais un
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 ^^
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....
Je comprends pas pourquoi ça marche pas....
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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);
}
}
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>