Problème avec id
XARBA
Messages postés
171
Statut
Membre
-
XARBA Messages postés 171 Statut Membre -
XARBA Messages postés 171 Statut Membre -
Bonjour
Je veux remplacer des images les unes par les autres
pour cela mon code fonctionne mais je voudrais que mes images aient toutes la même taille ot id"="mode" ne marche que pour la première image
auriez vous une solution?
merci d'avance
cordialement
Je veux remplacer des images les unes par les autres
pour cela mon code fonctionne mais je voudrais que mes images aient toutes la même taille ot id"="mode" ne marche que pour la première image
<body>
<CENTER>
<img src="" width="674" height="898" id="mode" />
<SCRIPT language="JavaScript" type="text/javascript">
var images = new Array();
images.push("PAGE 2.jpg");
images.push("PAGE 3.jpg");
images.push("PAGE 4.jpg");
var pointeur = 0;
function ChangerImage(){
document.getElementById("mode").src = images[pointeur];
if(pointeur < images.length - 1){
pointeur++;
}
else{
pointeur = 0;
}
setTimeout("ChangerImage()", 2000);
}
window.onload = function(){
ChangerImage();
}
</SCRIPT>
</CENTER>
auriez vous une solution?
merci d'avance
cordialement
4 réponses
-
Bonjour,
Aucun rapport avec le javascript...
Il faut fixer la taille MAX (et éventuellement MIN) de tes image en CSSstyle ="max-width:674"
le mieux serait d'utiliser une class CSS
un truc du genre :#mode{ max-width:674; width:674; height :898; }
L'idéal serait, par contre, que tes images aient directement les même dimensions.... sans avoir à les ajuster à l'affichage.......
-
Bonjour Jordane et merci pour ton intérêt
j'ai modifié le code comme suit:<style type="text/css">
<!--
#mode_id{
max-width:674;
width:674;
height :898;
}
-->
</style>
</HEAD>
<body>
<CENTER>
<img src="" width="674" height="898" id="mode" />
<SCRIPT language="JavaScript" type="text/javascript">
var images = new Array();
images.push("PAGE 2.jpg");
images.push("PAGE 3.jpg");
images.push("PAGE 4.jpg");
var pointeur = 0;
function ChangerImage(){
document.getElementById("mode").src = images[pointeur];
if(pointeur < images.length - 1){
pointeur++;
}
else{
pointeur = 0;
}
setTimeout("ChangerImage()", 2000);
}
mais le résultat est le même , je ne maitrise pas les id mais je croyais qu'ils étaient uniques?
bien cordialement -
Salut,
Ta fonction ChangerImage() n'est jamais appelée. Ajoute un appel à cette fonction à la fin de ton script.
Il faut aussi corriger l'appel de cette fonction dans le setTimeout :setTimeout(ChangerImage, 2000);
Bonne journée, -
Sans changer le code mais en modifiant la taille des images, maintenant ça marche.
Ce que je voudrais obtenir c'est un enchainement plus sympa donnant une illusion de pages tournantes .
J'avais des méthodes qui fonctionnaient avec les anciens IE mais qui ne marchent plus avec edge
avez vous une idée?
merci d'avance
cordialement et bonne journée
