Discussion :

[Raf38690]

Bonjour a vous tous,
je suis en train de développez un site web et j'ai fait un diaporama en JavaScript.
Sous Firefox j'ai aucun soucis mais sur IE, le diaporama est comme figé.

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
33
34
35
36
function voirImage(num, total, pct)
	{
	  var prec=document.getElementById((num+total-1)%total) ;
	  var nouv=document.getElementById(num) ;
 
	  if (pct<0)
	  {
		nouv.style.opacity=0 ;
		nouv.style.display='' ;
		prec.style.opacity=1;
		nouv.style.filter = 'alpha(opacity=0)';
		prec.style.filter = 'alpha(opacity=1)';
		window.setTimeout(function(){ voirImage(num,total,0)}, 10);		
	  }
	  else
	  if (pct<100)
	  {
		prec.style.opacity=(100-pct)/100 ;
		nouv.style.opacity=pct/100 ;
		nouv.style.filter = 'alpha(opacity=pct/100)';
		prec.style.filter = 'alpha(opacity=(100-pct)/100)';
		window.setTimeout(function(){ voirImage(num,total,pct+1)}, 10);
	  }
	  else
	  {
		prec.style.opacity=0 ;
		prec.style.display='none' ;
		nouv.style.opacity=1 ;
		nouv.style.filter = 'alpha(opacity=1)';
		prec.style.filter = 'alpha(opacity=0)';
		window.setTimeout(function() {voirImage((num+1)%total,total,-1)}, 2000);
 
	  }
	}
 
	window.setTimeout(function(){voirImage(0,14,-1)}, 10);

Pourriez vous m'aidez a résoudre ce problème?

Merci d'avance

[SpaceFrog]

fais une recherche sur ce forum avec "crossbrowser opacity" ...
http://dmouronval.developpez.com/tut...s/fading1.html

[Bovino]

Code :

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

prec.style.filter = 'alpha(opacity=1)';

En mettant 100 à la place de 1, ça devrait être mieux !

[Eric2a]

Salut,

Oui, et il faudrait faire cela aussi...

Code :

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

1
2
nouv.style.filter = 'alpha(opacity='+pct+')';
prec.style.filter = 'alpha(opacity='+100-pct+')';

Pour que ce soit encore plus mieux de chez mieux.

[Raf38690]

Ca marche toujours pas

[Invité]

ie 9 supporte opacity donc pas besoin de passer par les filtrers fait un teste sans filter pour voir ce que sa donne car c'est peut ca qui bloque

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
 
function voirImage(num, total, pct)
	{
	  var prec=document.getElementById((num+total-1)%total) ;
	  var nouv=document.getElementById(num) ;
 
	  if (pct<0)
	  {
		nouv.style.opacity=0 ;
		nouv.style.display='' ;
		prec.style.opacity=1;
		window.setTimeout(function(){ voirImage(num,total,0)}, 10);		
	  }
	  else
	  if (pct<100)
	  {
		prec.style.opacity=(100-pct)/100 ;
		nouv.style.opacity=pct/100 ;
		window.setTimeout(function(){ voirImage(num,total,pct+1)}, 10);
	  }
	  else
	  {
		prec.style.opacity=0 ;
		prec.style.display='none' ;
		nouv.style.opacity=1 ;
		window.setTimeout(function() {voirImage((num+1)%total,total,-1)}, 2000);
 
	  }
	}
 
	window.setTimeout(function(){voirImage(0,14,-1)}, 10);

[Raf38690]

Desolé Mekal mais ça marche toujours pas sur IE

[ABCIWEB]

ie 9 supporte opacity donc pas besoin de passer par les filtrers

Quand bien même, mais si tu n'utilise pas filter cela fera un code non fonctionnel pour les utilisateurs des versions antérieures à IE9, et à mon avis tu ferais bien de consulter les pourcentages d'utilisation des différents navigateurs avant de les considérer comme quantité négligeable

[Eric2a]

Peut-être en respectant un certain ordre ?

Code :

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

1
2
elementHTML.style.filter='alpha(opacity=50)';	// IE < 9 d'abord
elementHTML.style.opacity=0.5;			// Standard ensuite

Etant sous XP et donc n'ayant pas droit à IE9, je ne peux pas tester personnellement.

[Raf38690]

C'est bon ça marche.
Merci beaucoup a vous tous pour votre énorme aide et désolé si je vous ai fait perdre votre temps.

Cordialement

Raf38690