Image visible pendant 10 secondes entre un fadeIn et un fadeOut

Version imprimable

14/01/2015, 01h53
binco

Image visible pendant 10 secondes entre un fadeIn et un fadeOut

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
14/01/2015, 09h15
SpaceFrog

Code:

delay()

Merci

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

Code:

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

17/01/2015, 02h57
danielhagnoul

Il n'y a pas une autre animation qui interfère avec votre réglage ?

Par exemple la valeur par défaut d'une option de plugin.
17/01/2015, 14h25
binco

Merci j'avais un onload qui ne servait plus <body onload="Affich()">

Cordialement