Insérez la bibliothèque jQuery dans le document en l'incluant à partir d'une source publique , tels que les API Google :
< script de src = " https://ajax.googleapis.com/ajax/libs /jquery/1.6.1/jquery.min.js ">
4
. Trouvez l'image avec la classe "active" et sélectionnez l'image suivante dans la liste. Si la taille de l'image suivante est zéro, commencer à revenir au début de la liste avec la première image : fonction
rotate ( ) { var
actif = $ ("# tourner active. ");
if ($ (". . . # tourner active " ) . . next () longueur > 0)
var next = $ (" # tourner active " ) prochaine ();
autre
var next = $ ("# tourner img : d'abord ");
5
Fade l'image avec la classe "active" sur et à la décoloration de l'image suivante po Retirez la classe "active" à partir de l'image courante et l'attribuer à l'image suivante :
active.fadeOut ( "rapide" , function ()
6
définir une minuterie pour faire pivoter les images toutes les cinq secondes en utilisant la méthode du " setInterval ": .
$ (document ) prêt ( function () {
setInterval ( " rotate () " , 5000 ) ;
});
Photos
7
Insérer le
dans le corps du document et attribuer la classe "active" à la première image :
Photos
Photos
8
enregistrer le document. Ouvrez-le dans un navigateur et de regarder les images dans le
tournent sur l'écran par un fondu toutes les cinq secondes .
Photos 
; 
Photos