opacité sous IE

**Matgic95** · 12/02/2007, 09h34

Bonjour, je réalise une animation javascript et pour cela j'ai besoin de controler l'opacité d'un div.
Sous Firefox, tout marche très bien grâce à

Code :

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

1
2
 
document.getElementById("id").style.opacity=opa;

mais sous IE j'ai essayé la fonction que j'ai vu sur d'autre forum mais impossible de la faire fonctionner.

Code :

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

document.getElementById("id").filter.alpha.opacity=opa;

Quelqu'un pourrait-il m'aider?

**dam_moreyllo** · 12/02/2007, 09h58

Bonjour !
Essai plutôt :

Code :

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

document.getElementById("id").style.filter = "alpha(opacity=" + opa + ")";

**SpaceFrog** · 12/02/2007, 10h17

Code :

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

document.getElementById("id").filters[0].opacity=opa;

**Matgic95** · 12/02/2007, 10h21

Ca ne fonctionne pas, IE ne détecte toujours pas le changement d'opacité

**Matgic95** · 12/02/2007, 10h29

En fait ptitskippy, ca marche, javai oublié de changer l'id, c juste que c'est un peu lent par rapport à Firefox mais avec une detection de naviguateur et un changement de la vitesse, ca va le faire.

**Matgic95** · 12/02/2007, 10h30

ta solution fonctionne aussi spacefrog mais c'est lent aussi, donc je vais détecter le navigateur comme je vous l'ai dit et je changerai la vitesse

D'ailleurs, pour détecter le navigateur, est-ce qu'il y a une solution autre que de détecter le nom du naviguateur? car je connais cette solution mais je la trouve pas très propre.

PS: je mets le tag resolu dès que j'ai eu votre avis sur cette dernière question

**SpaceFrog** · 12/02/2007, 10h48

Testé sous IE et FFX ...

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Fading Pic</title>
</head>
 
<body>
<img id="spaffySpecial" src="lungs.gif" width=116 height=123 style="-moz-opacity:0;filter:alpha(opacity=0)">
<br/>
Opacité : <input type='text' id='result' style="width:40px;text-align:right;" />
<script>
var max = 100;
var min = 0;
var opacite=min;
up=true;
var IsIE=!!document.all;
var ThePic=document.getElementById("spaffySpecial");
 
function fadePic(){		
				if (opacite<max && up){opacite+=2;}
				if (opacite>min && !up){opacite-=2;}
				if (opacite>=max){up=false;}
				if (opacite<=min){up=true;}
 
IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("spaffySpecial").style.opacity=opacite/100;
document.getElementById('result').value=opacite+"%"
}
setInterval(function(){fadePic();},100)
</script>
</body>
</html>

**Matgic95** · 12/02/2007, 11h01

Merci pour ce script, il marche du tonnerre

opacité sous IE

JavaScript

Discussions similaires

Partager

Partager