Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

DaniloTec

Animação com JQuery

Recommended Posts

Então...

<% Do While Not rsAlbum.eof %>
    <a href="#" class="albumPicture">
        <img class="albumPicture" src="picture/<%=rsAlbum("id")%>.jpg" border="0" id="<%=rsAlbum("id")%>" />
    </a>
<%
    rsAlbum.movenext
    Loop
%>
Como vcs podem ver, esta é a parte do código qeu monta o álbum. Agora quero fazer uma função de animação em JQuery:

$("#littlePicture").mouseover(function(){
        $("#").fadeOut("slow",function(){});
});

O problema é que o id das imagens são dinâmicos. Como eu faço pra passar o id da imagem para a função?

 

Grato!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tipo isso?

 

$("#littlePicture").mouseover(function(){
for(i=0; i<= 10; i++) {
$("#"+i).fadeOut("slow",function(){});
}
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara faz o seguinte...

 

ao invés de usar assim

$("#littlePicture").mouseover(function(){
$("#").fadeOut("slow",function(){});
});

<a href="#" class="albumPicture" onClick = fechar('<%=rsAlbum("id")%>')>
<img class="albumPicture" src="picture/<%=rsAlbum("id")%>.jpg" border="0" id="<%=rsAlbum("id")%>" />
</a>

 

dai no JS faz assim

funtion fechar(div){
fadeOut(div)
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não precisa, seja simples:

 

$('.albumPicture img').each(function(){
   $(this).mouseover(function(){
       $(this).fadeOut('slow');
   });
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.