Changement image OnClick javascript
Résolu/Fermé
A voir également:
- Change image onclick javascript
- Image iso - Guide
- Change dns - Guide
- Telecharger javascript - Télécharger - Langages
- Acronis true image - Télécharger - Sauvegarde
- Javascript round ✓ - Forum Javascript
3 réponses
Marco la baraque
Messages postés
996
Date d'inscription
vendredi 9 mai 2008
Statut
Contributeur
Dernière intervention
5 novembre 2009
329
4 janv. 2009 à 19:23
4 janv. 2009 à 19:23
Salut Daken,
Je t'ai fait un petit exemple. Tu peux t'en inspirer pour voir où se situe ton problème.
La différence ici est que j'utilise des url absolues alors que toi tu en auras des relatives (mais cela ne change absolument rien : une fois que tu auras chargé ton tableau avec des images grâce à un chemin relatif, le passage de this.src se fera avec ces adresses et ça va fonctionner).
Cordialement,
Je t'ai fait un petit exemple. Tu peux t'en inspirer pour voir où se situe ton problème.
<html>
<head>
<title>Test CCM</title>
<script language="javascript">
function ChangeImage(url) {
document.getElementById("img").src = url;
}
</script>
</head>
<body>
<img id="img" src="https://www.nintendo-master.com/zone_membres/image/logo01.jpg"/>
<table>
<tr>
<td><img onClick="ChangeImage(this.src);" src="https://www.nintendo-master.com/zone_membres/image/logo25.jpg"/></td>
<td><img onClick="ChangeImage(this.src);" src="http://forum.ubuntu-fr.org/img/avatars/32704.jpg"/></td>
</tr>
</table>
</body>
</html>
La différence ici est que j'utilise des url absolues alors que toi tu en auras des relatives (mais cela ne change absolument rien : une fois que tu auras chargé ton tableau avec des images grâce à un chemin relatif, le passage de this.src se fera avec ces adresses et ça va fonctionner).
Cordialement,
4 janv. 2009 à 20:01
Merci infiniment pour ton aide !