Eae rapaziada.
Mostrar aqui um pequeno efeito bem útil com a querida jquery que é um tipo de transição bem utilizada e fácil de fazer que é a transição infinita de elementos em uma estrutura ul li por exemplo em alfa.
Primeiro vamos a montagem.
O que você vai precisar é bem simples.
<ul class=”galeriaalfa”>
<li><img src=’ultima imagem’ /></li>
<li><img src=’segunda imagem’ /></li>
<li><img src=’primeira imagem’ /></li>
</ul>
O css é bem simples também
ul{position:relative;}
ul li{position:absolute;top:0;left:0;}
E o JS
setInterval(function(){
var img3 = $(“.galeriaalfa li:last”).clone();
$(“.galeriaalfa li:last”).fadeOut(400,function(){
$(“.galeriaalfa”).prepend(img3);
$(“.galeriaalfa li:last”).remove();
});
},5000);
A cada 5 segundos a galeria será fará o efeito de alfa no ultimo elemento e depois do efeito vai pegar esse elemento e jogar para o começo da ul
Como acho que deu para perceber eu montei a sequencia de imagens do ultimo para o primeiro por causa do efeito que eu expliquei na linha acima.
Bom e isso simples né?
É muito útil.
Sigam me @superjacaman
