Slide de imagens em jQuery
Publicado por Ricardo Perez em 29/10/2009
[ Hits: 10.966 ]
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
HTML - Forçar a abertura de todos os links em uma nova janela
Variáveis variáveis em JavaScript
Resolvendo erro de atualização do firmware do modem DSL2640t
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 - 105.685 pts -
Fábio Berbert de Paula
2° lugar - 82.489 pts -
Alberto Federman Neto.
3° lugar - 25.755 pts -
Mauricio Ferrari
4° lugar - 23.294 pts -
edps
5° lugar - 22.916 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
6° lugar - 22.504 pts -
Buckminster
7° lugar - 21.830 pts -
Andre (pinduvoz)
8° lugar - 19.271 pts -
Daniel Lara Souza
9° lugar - 19.021 pts -
Juliao Junior
10° lugar - 15.758 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:
