Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #57 da revista programar. Faz já o download aqui!

djthyrax

JQuery - Transições de imagens todas xpto

Mensagens Recomendadas

djthyrax    11
djthyrax

O JQuery tem algum módulo para fazer fade de imagens? Tipo o flash aqui, logo por baixo do menu.

Também aceito soluções com outras frameworks, mas não quero saber para fazer à mão, não tenho tempo nem paciência para o fazer.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Battousai    1
Battousai

pa vou inventar mas há de ser algo do género


$("#imagem").click(function () {
      $(this).fadeOut(1000, function () {
        $(this).attr("src","caminhoDaImagem2.jpg");
        $(this).fadeIn(1000);
      });
});

se queres de X em X tempo, tens que criar um timer, ou um timeout

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Nazgulled    8
Nazgulled

Para fazer fades é como Battousai disse, usas o fadeOut ou fadeIn (conforme precisares) no elemento que queres. Para fazeres de X em X tempo tens de fazer usando o setTimeout do JS o jQuery não tem nada para o efeito (que eu saiba).

Não te posso ajudar mais porque não percebi exactamente que tipo de efeito queres e como queres que aconteça. E no exemplo do site que deste, não vi fades nenhuns, apenas trocava de imagem. Explica ai detalhadamente aquilo que queres fazer...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
djthyrax    11
djthyrax

Para fazer fades é como Battousai disse, usas o fadeOut ou fadeIn (conforme precisares) no elemento que queres. Para fazeres de X em X tempo tens de fazer usando o setTimeout do JS o jQuery não tem nada para o efeito (que eu saiba).

Não te posso ajudar mais porque não percebi exactamente que tipo de efeito queres e como queres que aconteça. E no exemplo do site que deste, não vi fades nenhuns, apenas trocava de imagem. Explica ai detalhadamente aquilo que queres fazer...

Imagem -> fade -> Nova imagem -> fade -> Imagem...

O que o Battousai disse é basicamente o que eu preciso, apenas vou ter de usar camadas (como ele disse, e muito bem).

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
fnds    2
fnds

Se estiveres interessado, da uma vista de olhos neste plugin:

http://www.malsup.com/jquery/cycle/

Tem aspecto de ser bom, e o autor do mesmo costuma ter plugins muito úteis e bons. O gajo percebe daquilo, tenho a impressão que ele faz parte da dev team do jQuery, mas não posso precisar.

Está um espectáculo.....  :(

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora


×

Aviso Sobre Cookies

Ao usar este site você aceita a nossa Política de Privacidade