Javascript et les images...
Ean21
Messages postés
84
Statut
Membre
-
gzav -
gzav -
Bonjour à tous!!
Voilà mon problème: j'aimerais créer un bouton qui me permette de changer l'image à l'écran et donc la source de celle-ci. Le problème est que je ne vois pas comment modifier la source de l'image lors de l'appel de la fonction. Si qqun avait une idée, cela m'aiderait beaucoup!!
Merci d'avance!
P.S: petit rappel: je voudrais faire ça en javascript.
Voilà mon problème: j'aimerais créer un bouton qui me permette de changer l'image à l'écran et donc la source de celle-ci. Le problème est que je ne vois pas comment modifier la source de l'image lors de l'appel de la fonction. Si qqun avait une idée, cela m'aiderait beaucoup!!
Merci d'avance!
P.S: petit rappel: je voudrais faire ça en javascript.
A voir également:
- Javascript et les images...
- Des images - Guide
- Extraire les images d'un pdf - Guide
- Recherche images - Guide
- Superposer des images ✓ - Forum Graphisme
- Dans le document à télécharger, placez les 2 images côte à côte et donnez-leur la même hauteur. marie a gagné un lot à l’un des trois tirages. qu’a-t-elle gagné ? ✓ - Forum Word
3 réponses
Il te faut précharger les images dont tu as besoin, sinon tu vas avoir un temps de chargement lors de l'appui sur le bouton et c'est assez désagréable :
<script language="Javascript">
<!--
// on fout dans le cache la nouvelle image :
var image2 = new Image();
image2.src = "ton_image.gif"; // la source de l'image
//-->
</script>
et comme cela sur le bouton :
onClick="document.getElementById("image1").src='ton_image.gif';"
avec comme ancienne image :
<img src="" id="image1">
<script language="Javascript">
<!--
// on fout dans le cache la nouvelle image :
var image2 = new Image();
image2.src = "ton_image.gif"; // la source de l'image
//-->
</script>
et comme cela sur le bouton :
onClick="document.getElementById("image1").src='ton_image.gif';"
avec comme ancienne image :
<img src="" id="image1">
