fadeIn dans une fonction.

Bonsoir,

Tout d'abord je tiens à signaler que je suis newbie en javascript/jquery :D

J'aurais besoin de vos lumières pour régler un problème de fadeIn dans ma fonction.

A chaque clic l'url d'une image est cherché dans un Array nommé a
puis est affiché en fadeIn.

ça fonctionne au premier clic ensuite les autres images sont bien chargées mais pas d'effet de fading sauf la première image ... balo ^^

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

$('#unDIV').bind({click:function (event) {   d = a[i];// var a = new Array(["images/1.png"],["images/2.png"],... );//i=0;   $('#DIVimage').css('background-image', 'url(' + d + ')').fadeIn(2000);   i++;   event.preventDefault();   if (i > e) {$("#DIVimage").hide();i = 0};//var e = a.length + 1 ;   }   }); });

---

Voilà si vous pouviez m'éclairer ....

Merci ;)

Bonsoir

Sous réserve d'avoir été correctement éclairé :idea:

Code:

---

1 2 3

$('#BG').fadeOut( 800, function(){ $(this).css( 'background-image', 'url("' + d + '")' ).fadeIn( 2000 ); });

---

Nickel ! merci beaucoup ;)

Peut-on avec la fonction fadeIn partir d'une opacity de 0.5 par exemple à la place de 0 ??

ou faut passer par une animation sur l'opacité en css3 ?!

merci.

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

Citation:

---

.fadeTo( duration, opacity [, callback] )

duration : A string or number determining how long the animation will run.
opacity : A number between 0 and 1 denoting the target opacity.
callback : A function to call once the animation is complete.

---

ça me donne une valeur target donc final ...pas celle de départ ..me trompes-je?

On fait varier l'opacité de sa valeur actuelle vers la valeur demandée, oui !

A merci ... ça avance ^^

une dernière question si je puis me permettre :oops: je n'arrive pas à intégrer une animation -webkit ma syntaxe est mauvaise ?

Code:

---

1 2	$(this).css('-webkit-animation-name','BGsize','-webkit-animation-duration','2s', '-webkit-animation-direction', 'normal')

---

Code:

---

1 2 3 4 5

$(this).css({ '-webkit-animation-name' : 'BGsize', '-webkit-animation-duration' : '2s', '-webkit-animation-direction' : 'normal' });

---

Citation:

---

Envoyé par juanpa

ma syntaxe est mauvaise ?

---

Oui
.css() ne prend que un ou deux arguments.
Si tu en passes un, cela doit être un objet de couples propriété CSS / valeur (voir l'exemple de Daniel), si tu en passes deux, ce sont deux chaines, la première correspondant à la propriété CSS et la seconde à la valeur à affecter.
:fleche: .css()