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
- Visualisez cette image avec un logiciel d'édition d'images. combien y a-t-il de pixels noirs sur le camion ? ✓ - Forum Python
- Recherche images - Guide
- Javascript arrondi ✓ - Forum Javascript
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">
