Jquery CSS – Transição infinita em alfa

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