Problème avec id
XARBA
Messages postés
155
Date d'inscription
Statut
Membre
Dernière intervention
-
XARBA Messages postés 155 Date d'inscription Statut Membre Dernière intervention -
XARBA Messages postés 155 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Problème avec id
- Id telephone - Guide
- Gate first id ✓ - Forum Navigateur
- Id reseau tv - Forum TNT / Satellite / Réception
- Id=108 - Forum MacOS
- Go trust id ✓ - Forum Logiciels
4 réponses
Bonjour,
Aucun rapport avec le javascript...
Il faut fixer la taille MAX (et éventuellement MIN) de tes image en CSS
le mieux serait d'utiliser une class CSS
un truc du genre :
L'idéal serait, par contre, que tes images aient directement les même dimensions.... sans avoir à les ajuster à l'affichage.......
Aucun rapport avec le javascript...
Il faut fixer la taille MAX (et éventuellement MIN) de tes image en CSS
style ="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:
mais le résultat est le même , je ne maitrise pas les id mais je croyais qu'ils étaient uniques?
bien cordialement
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 :
Bonne journée,
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
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
