Slide de imagens em jQuery
Publicado por Ricardo Perez em 29/10/2009
[ Hits: 10.967 ]
Slide de imagens em jQuery
Neste código veremos os efeitos FadeIn (efeito de aparecer) e fadeOut (efeito de desaparecer), além do método next.
active_img = $(".active");
//O método next pega o próximo objeto, dentro do div #slide-img
next_img =active_img.next();
// verifica se existe um próximo objeto no div #slide-img
if (next_img.length==0){
//se não tem um próximo objeto retorna para o primeiro
next_img = $(".first-active");
}
active_img.fadeOut("slow");
active_img.removeClass('active');
next_img.fadeIn("slow");
next_img.addClass('active');
}
$(document).ready(function(){
setInterval("slidein()", "3500");}
)
O HTML para o slide de imagem deve ser o seguinte:
<ul>
<li class="active first-active"><img src="img1.jpg"/></li>
<li><img src="img2.jpg" /></li>
<li><img src="img3.jpg" /></li>
</ul>
</div>
E antes do HTML coloque esse trecho de CSS:
float:left;
height:xxx px; /* a largura padrão das imgs dentro do slide*/
overflow:hidden;
width:yyy px; /* o altura padrão das imgs dentro do slide*/;
}
* {
margin:0;
padding:0;
}
Post original: http://blog.stiod.com/2009/10/26/slide-de-imagens-jquery/
VIM - Substituindo tabs por espaços
Variáveis variáveis em JavaScript
Origens de spam - Investigando e colhendo informações
Resolvendo erro de atualização do firmware do modem DSL2640t
Evitando que sua página fique entre frames
Criando variáveis dinamicamente com Javascript
Nenhum comentário foi encontrado.
Patrocínio
Destaques
Artigos
IA Turbina o Desktop Linux enquanto distros renovam forças
Como extrair chaves TOTP 2FA a partir de QRCODE (Google Authenticator)
Linux em 2025: Segurança prática para o usuário
Desktop Linux em alta: novos apps, distros e privacidade marcam o sábado
IA chega ao desktop e impulsiona produtividade no mundo Linux
Dicas
Atualizando o Fedora 42 para 43
Como saber se o seu e-mail já teve a senha vazada?
Como descobrir se a sua senha já foi vazada na internet?
Tópicos
Top 10 do mês
-
Xerxes
1° lugar - 106.412 pts -
Fábio Berbert de Paula
2° lugar - 83.011 pts -
Alberto Federman Neto.
3° lugar - 25.887 pts -
Mauricio Ferrari
4° lugar - 23.480 pts -
edps
5° lugar - 23.029 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
6° lugar - 22.663 pts -
Buckminster
7° lugar - 21.912 pts -
Andre (pinduvoz)
8° lugar - 19.368 pts -
Daniel Lara Souza
9° lugar - 19.162 pts -
Juliao Junior
10° lugar - 15.868 pts
Scripts
A maior comunidade GNU/Linux da América Latina! Artigos, dicas, tutoriais, fórum, scripts e muito mais. Ideal para quem busca auto-ajuda.
Site hospedado por:
