Image visible pendant 10 secondes entre un fadeIn et un fadeOut

**binco** · 14/01/2015, 01h53

Bonjour

La méthode fadeIn() agit progressivement sur l'opacité pour afficher un élément

La méthode fadeOut() agit progressivement sur l'opacité pour faire disparaitre un élément

Existe il une méthode permettant de décaler l'action fadeOut?

Exemple:

-l'image apparait en 1 seconde avec un fadeIn()
-l'image est visible pendant 10secondes ???
-l'image disparait en 1 seconde avec un fadeOut()

Cordialement

**SpaceFrog** · 14/01/2015, 09h15

Code :

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

delay()

**binco** · 17/01/2015, 01h59

Merci

J'ai mi une grande valeur 20 secondes et au bout de 7 secondes l'image change. Pourquoi?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$( function(){ 
	var jObjSlides = $( '.slide' );
    n = jObjSlides.length;	/*nombre d element de classe slide*/
    bis = function( ){
        n = ( --n >= 0 ) ? ( n ) : ( jObjSlides.length - 1 );	/* (si cette expression est vrai) ? (instruction A est executee) : (sinon instruction B)*/
 
        jObjSlides.eq( n ).fadeIn( 2000, function(){		/*eq(): selectionne un element par son index*/
			$( this ).delay(20000).fadeOut( 2000, bis );
        });
    };
 
	setTimeout( bis, 2000 );
});

Cordialement