Discussion :

[Alexdezark]

Bonjour à tous,

Je cherche à animer l'opacité d'une Div avec animate.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
afficheOption=function(num){
 
if($("#option1_"+num).attr('checked')){
$("#divImg_"+num).animate({opacity : 1});
}else{
$("#divImg_"+num).animate({opacity : 0.25});
};
 
};

Cela fonctionne avec FF mais pas avec IE6...

jQuery étant crossBrowser pour IE6, FF2, etc.. j'ai eu le tort de supposer que cela allait fonctionner sur tous ces navigateurs en m'évitant la galère de traiter les navigateurs au cas par cas.

quelqu'un connait-il un moyen d'animer l'opacité d'une Div sur tous les navigateurs compatibles avec la dernière version de jQuery ?

Il y a un exemple d'animation d'opacité sur :
http://api.jquery.com/animate/

Mais cet exemple ne fonctionne pas lorsque l'on utilise IE6...

Merci d'avance pour vos réponses.

[SpaceFrog]

IE6 encore 7,2% on n'a pas encore réussi à le tuer complètement ???

[Alexdezark]

Non on a pas encore réussi...

et quand on aura réussi ce sera IE7 qui sera complètement obsolète et qui sera utilisé par 80% des gens alors faut pas perdre l'habitude...

D'ailleurs IE7 (ou 8) sont déjà obsolete puisqu'ils ne connaissent pas les balises pour la vidéo de HTML5... donc c'est pas gagné.

Bon ça ne résoud pas mon problème, j'ai essayé comme ça mais ça marche pas mieux :

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
 
if($("#option1_"+num).attr('checked')){
 
        $("#divImg_"+num).css("filter","alpha(opacity=25)");
        $("#divImg_"+num).css("-moz-opacity", 0.25);
        $("#divImg_"+num).css("-khtml-opacity", 0.25);
        $("#divImg_"+num).css("opacity", 0.25);
 
}else{
        $("#divImg_"+num).css("filter","alpha(opacity=100)");
        $("#divImg_"+num).css("-moz-opacity", 1);
        $("#divImg_"+num).css("-khtml-opacity", 1);
        $("#divImg_"+num).css("opacity", 1);	
 
};

une idée ?

[danielhagnoul]

Bonjour

Code :

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

1
2
3
4
5
6
7
8
9
if ($("#option1_"+num).attr('checked')){
 
	// http://api.jquery.com/fadeTo/
	$("#divImg_"+num).fadeTo("fast", 1);
} else {
 
	// éviter le fadeTo 0 ! jQuery utilise filter pour pallier l'ignorance d'opacity par IE
	$("#divImg_"+num).fadeTo("fast", 0.25);
};

[Alexdezark]

Bonjour danielhagnoul et merci de ta réponse.

fadeTo fonctionne parfaitement