Slide de imagens em jQuery
Publicado por Ricardo Perez em 29/10/2009
[ Hits: 10.905 ]
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
Palheta de cores utilizando Json e Javascript não obstrutivo
Upload de múltiplos arquivos com Javascript + Flash
Nenhum coment�rio foi encontrado.
Patrocínio
Destaques
Artigos
O que é o THP na configuração de RAM do Linux e quando desabilitá-lo
Comparação entre os escalonadores BFQ e MQ-Deadline (acesso a disco) no Arch e Debian
Conciliando o uso da ZRAM e SWAP em disco na sua máquina
Servidor de Backup com Ubuntu Server 24.04 LTS, RAID e Duplicati (Dell PowerEdge T420)
Dicas
Como unir duas coleções de ROMs preservando as versões traduzidas (sem duplicatas)
Como instalar o Telegram Desktop no Ubuntu 24.04
Overclocking Permanente para Drastic no Miyoo Mini Plus
Problemas de chaves (/usr/share/keyrings) no Debian
Converter os repositórios Debian para o novo formato com as chaves
Tópicos
eu preciso saber uma coisa sobre os games no linux (3)
eu preciso saber uma coisa sobre os games no linux (1)
Problema com audio apos upgrade (1)
Top 10 do mês
-
Xerxes
1° lugar - 68.126 pts -
Fábio Berbert de Paula
2° lugar - 39.774 pts -
Buckminster
3° lugar - 20.419 pts -
Mauricio Ferrari
4° lugar - 14.824 pts -
Sidnei Serra
5° lugar - 13.497 pts -
Alberto Federman Neto.
6° lugar - 13.149 pts -
edps
7° lugar - 12.222 pts -
Daniel Lara Souza
8° lugar - 12.191 pts -
Diego Mendes Rodrigues
9° lugar - 10.450 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
10° lugar - 10.431 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:
