filtre alpha sur image

**nicerico** · 16/05/2007, 19h39

bonjour

j'ai mis ce filtre sur une image :

Code :

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

<img src="images/realisations/Sans-titre-1.jpg" style="filter:alpha(opacity=30)" >

et je voudrais savoir si il est possible de changer l'opacité sur un evenement clic
genre :

Code :

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

 onClick=" style='filter:alpha(opacity=100)' "

merci de votre aide

**nicerico** · 16/05/2007, 19h55

en mettant les filtres dans un css
j'obtient ce que je veux

Code :

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

1
2
 
<img src="images/realisations/Sans-titre-1.jpg" class="filtre30" onClick=" this.className ='filtre100' ">

résolu!

**FremyCompany** · 17/05/2007, 20h41

Code :

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

onclick="this.style.filter='alpha(opacity=30)'"

**nicerico** · 18/05/2007, 10h55

merci

comme je l'ai dit plus haut :
avec

Code :

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

1
2
3
4
 
<img src="images/realisations/image-1.jpg" class="filtre30" onClick=" this.className ='filtre100' ">
<img src="images/realisations/image-2.jpg" class="filtre30" onClick=" this.className ='filtre100' ">
<img src="images/realisations/image-3.jpg" class="filtre30" onClick=" this.className ='filtre100' ">

j'obtient ce que je veux

mais j'aimerais rajouter autre chose :
changer le className des autres images non cliquées
dans la pratique ce serait :
si je clic sur l'image 1 son className = filtre100
et le className des autres images devient filtre30

merci de votre aide

**Auteur** · 18/05/2007, 15h44

Code html :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function chanegFiltre(obj)
{
 var tabImg = document.getElementsByTagName("img");
 var i, n = tabImg.length;
 
 for (i=0; i<n; i++)
     tabImg[i].className = "filtre30";
 
 obj.className = "filtre100";
 
}
 
//-->
</script>
 
</head>
 
<body>
 
<img src="images/realisations/image-1.jpg" class="filtre30" onclick="changeFiltre(this)">
<img src="images/realisations/image-2.jpg" class="filtre30" onclick="changeFiltre(this)">
<img src="images/realisations/image-3.jpg" class="filtre30" onclick="changeFiltre(this) ">
 
 
</body>
 
</html>

**nicerico** · 18/05/2007, 22h35

merci

filtre alpha sur image

JavaScript

Discussions similaires

Partager

Partager