Insira a biblioteca jQuery no documento , incluindo-a a partir de uma fonte pública , como APIs do Google :
< script src = " https://ajax.googleapis.com/ajax/libs /jquery/1.6.1/jquery.min.js ">
4
. Encontre a imagem com a classe "ativo " e selecione a imagem seguinte na lista. Se o tamanho da próxima imagem é zero, começar a voltar ao início da lista com a primeira imagem :
função rotate ( ) { var =
ativos $ ("# rodar ativa. ");
if ($ (". . . # rodar ativo " ) . . next () comprimento > 0)
var next = $ (" # rodar ativo " ) ao lado ();
mais
var next = $ ("# rodar img : primeiro ");
5
desbotar a imagem com a classe "ativo" para fora e desaparecer a próxima imagem dentro Remova a classe "ativo" a partir da imagem atual e atribuí-lo para a próxima imagem :
active.fadeOut ( " rápido " , function ()
6
Definir um temporizador para girar as imagens a cada cinco segundos , utilizando o método " setInterval " : .
$ (document) ready (function () {
setInterval ( " girar () " , 5000) ;
});
< /head>
7
Insert
no corpo do documento e atribuir a classe "ativo" para a primeira imagem :
;
< /div >
8
Salve o documento. Abra-o no um navegador e assistir as imagens nos
girar na tela, entrando e saindo a cada cinco segundos .