Discussion :

[bouzakher]

bonjour

il y a une possibilité de désactiver une images suit a un au décochage ou cochage de checkbox ?

Rq :mon image se trouve dans un <span>

j'ai plusieurs images je veu les desactiver tout a la fois est ce que je peu ou nn

[SpaceFrog]

heu c'est quoi une image active ?

[bouzakher]

heu c'est quoi une image active ?

comme dans l'image
sa depand de checkbox

[beeboo]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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';
}

[bouzakher]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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';
}

merci c'est tres intéressant ce code mais comment je peut le rendre peut changer opacité de plusieurs images a la fois


c'est a dire si je coche la checkbox plusieurs images seront moins opacifie