Discussion :

[juanpa]

Bonsoir,

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

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 :

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
 
 
 
	$('#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

[danielhagnoul]

Bonsoir

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

Code :

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

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

[juanpa]

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.

[danielhagnoul]

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

[juanpa]

.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?

[danielhagnoul]

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

[juanpa]

A merci ... ça avance ^^

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

Code :

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

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

[danielhagnoul]

Code :

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

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

[Bovino]

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.
.css()