Titre: changer une image avec un bouton HELP!!
Posté par: designer le le 08-04-2005 a 11:19:05
Bonjour,
Je voudrais changer une image (nom=vue) par le biais de 2 boutons avec liste déroulante, un pour la couleur, un autre pour le motif.
L'image doit changer selon ces 2 critères, comment faire pour changer l'image selon les 2 valeurs? Est-possible de faire img src=couleur.motif ??
<select name="couleur" ONCHANGE="document.images['vue'].src=couleur">
<option value="bleu" selected>bleu</option>
<option value="rouge">rouge</option>
</select>
<select name="motif" ONCHANGE="document.images['vue'].src=couleur.motif">
<option value="carre" selected>carre</option>
<option value="rond">rond</option>
</select>
<p><img src="images/pic base.jpg" width="85" height="85" name=vue><BR> |
Titre: Re:changer une image avec un bouton HELP!!
Posté par: tavman le le 08-04-2005 a 19:12:47
Ce script devrait répondre a ta question je pense...
<html>
<head>
<script language="javascript">
function change_img () {
if ( document.getElementById('imag').src === "http://www.forum-webmaster.com/images/forum_webmaster_logo.gif" ) {
document.getElementById('imag').src = "http://www.google.fr/intl/fr_fr/images/logo.gif";
} else {
document.getElementById('imag').src = "http://www.forum-webmaster.com/images/forum_webmaster_logo.gif";
}
}
</script>
</head>
<body>
<img src="http://www.forum-webmaster.com/images/forum_webmaster_logo.gif" onClick="javascript:change_img()" id="imag"/>
</body>
</html>
Alors oui : on peut faire document.getElementById('imag').src et c'est même très pratique ;D |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|