Salut,
Si je comprends bien tu veux rendre une image semi transparente ou plus claire en fonction de certains evènements.
Du coté de l'imge, il y a deux façons : soit on joue sur l'opacité de l'image et on va devoir jouer avec la propriété opacity / fliter machin truc pour IE, soit on joue sur une deuxième image (plus claire) :
du coté de la check box :
Code:
1
2
3
|
<input id="check1" name="check1" type="checkbox" onclick="set_image(this.checked)" />
<img id="image" src="monimage.png" alt="Image" /> |
du coté javascript :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
avec l´opacité :
function set_image(statut) {
if (statut) {
if (document.all) document.getElementById('image').style.filter='alpha(opacity=50)';
else document.getElementById('image').style.opacity = '0.5';
}
else {
if (document.all) document.getElementById('image').style.filter='alpha(opacity=100)';
else document.getElementById('image').style.opacity = '1';
}
}
avec le switch d´image :
function set_image(statut) {
if (statut) document.getElementById('image').src = 'monimage_claire.png';
else document.getElementById('image').src = 'monimage.png';
} |
