Slide de imagens em jQuery
Publicado por Ricardo Perez em 29/10/2009
[ Hits: 11.132 ]
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
Evitando que sua página fique entre frames
Palheta de cores utilizando Json e Javascript não obstrutivo
Incentivando o uso do Webm, formato aberto de "codec" (conteiner) de vídeo
Efetuando debug de JavaScript no Mozilla
Nenhum comentário foi encontrado.
Patrocínio
Destaques
Artigos
Instalação Completa e Configuração Básica do Void Linux
A Fundação da Confiança Digital: A Importância Estratégica de uma PKI CA na Segurança de Dados
Como enviar dicas ou artigos para o Viva o Linux
Como Ativar a Aceleração por GPU (ROCm) no Ollama para AMD Navi 10 (RX 5700 XT / 5600) no Gentoo
Dicas
Samba 4 AD-DC 2026: Backup & Restore
Samba 4 AD-DC 2026: LAPS (Randomizando senhas locais).
Cairo Dock ainda funcional nos dias de hoje
Configuração de IP fixo via nmcli e resolução de nomes via /etc/hosts no Gentoo
Tópicos
Vulkan Gaming no Slackware (0)
trocar cor icones gnome debian (0)
Crontab não executa algumas tarefas (3)
Top 10 do mês
-
Xerxes
1° lugar - 130.904 pts -
Fábio Berbert de Paula
2° lugar - 58.302 pts -
Buckminster
3° lugar - 35.633 pts -
Alberto Federman Neto.
4° lugar - 23.710 pts -
Mauricio Ferrari (LinuxProativo)
5° lugar - 19.558 pts -
Sidnei Serra
6° lugar - 19.235 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
7° lugar - 18.526 pts -
Daniel Lara Souza
8° lugar - 18.501 pts -
edps
9° lugar - 17.956 pts -
Andre (pinduvoz)
10° lugar - 15.005 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:
