Slide de imagens em jQuery
Publicado por Ricardo Perez em 29/10/2009
[ Hits: 11.093 ]
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
Palheta de cores utilizando Json e Javascript não obstrutivo
Origens de spam - Investigando e colhendo informações
HTML - Forçar a abertura de todos os links em uma nova janela
Nenhum comentário foi encontrado.
Patrocínio
Destaques
Artigos
KDE Plasma - porque pode ser a melhor opção de interface gráfica
Gentoo: detectando impressoras de rede e como fixar uma impressora por IP
Como o GNOME conseguiu o feito de ser preterido por outras interfaces gráficas
Dicas
Por que sua empresa precisa de uma PKI (e como automatizar EMISSÕES de certificados via Web API)
Instalando NoMachine no Gentoo com Systemd (acesso Remoto em LAN)
Gentoo: Trocando wpa_supplicant pelo iwd no NetworkManager (Systemd)
Tópicos
Instalar Linux em notebook Sony Vaio VPCEG13EB (10)
Vou destruir sua infância:) (6)
Quando vocês pararam de testar distros? (24)
Top 10 do mês
-
Xerxes
1° lugar - 128.355 pts -
Fábio Berbert de Paula
2° lugar - 60.317 pts -
Buckminster
3° lugar - 30.488 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
4° lugar - 20.310 pts -
Alberto Federman Neto.
5° lugar - 19.869 pts -
Mauricio Ferrari (LinuxProativo)
6° lugar - 19.361 pts -
edps
7° lugar - 18.192 pts -
Diego Mendes Rodrigues
8° lugar - 17.345 pts -
Daniel Lara Souza
9° lugar - 16.568 pts -
Andre (pinduvoz)
10° lugar - 16.399 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:
