Comment vous fondez-vous * partiellement * dans jQuery?

Salut tout le monde. Cela semble assez facile, mais pour une raison quelconque, j’ai du mal à le reconstituer. Je souhaite créer un effet “fade in” animé, dans lequel une div passe de 0 à 50% et s’arrête.

Pour autant que je sache:

var duration = 1000; $('#mydiv').fadeIn(duration);

atténuera la div à 100%, sans possibilité de la limiter.

Y a-t-il une manière élégante de régler l’opacité de finition?

.fondu au();

C’est tout.

http://api.jquery.com/fadeTo/

Vous remarquerez des problèmes avec les canaux IE et alpha.

Ce sont belles pour FF, chrome et le rest …

 opacity:0; -moz-opacity:0;

IE s’attend à voir ceci:

 filter:alpha(opacity=x).

Je pense que vous utilisez la méthode fadeTo () .

utilisez .fadeTo () avec le deuxième paramètre défini sur 0.5.

Il n’est pas nécessaire d’append les différents navigateurs conditionnels – jQuery gérera l’opacité dans IE et Firefox simplement en utilisant l’appel d’opacité standard:

 $('#mydiv').animate( { opacity : 0.5 }, 500 );

Et oui, utilisez fadeTo comme les autres mentionnés.