Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda: Mootools efeito fade


_Claudio_

Pergunta

Galera o seguinte

Não manjo muito da bilbioteca mootools, tipo eu consigo fazer o efeito fade com a tag img ao passar o mouse sobre ela...

Porem o problema ta quando eu tenho farias tags img, por exemplo tenho 5 imagens, ao passar o mouse sobre a image ela fica com o efeito fade, eu consegui fazer ele de forma estático, mas é muita coisa para digitar, ai pensei em fazer de forma dinamica, usando for ou arrays while qualquer coisa

me da um help por favor, agradeço

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Como está seu código ?

As imagens seguem algum padrão no atributo id ?

Se sim, você pode basear seu loop nesse padrão

Se não, seria mais recomendado você utilizar o document.getElementByTagName com o atributo img para obter todas as imagens e percorrer todos os elementos, aplicando o efeito

Link para o comentário
Compartilhar em outros sites

  • 0

meu código ficou mais ou menos assim

HTML

<img src="blabla" id="image1">
<img src="blabla" id="image2">
<img src="blabla" id="image3">
Java Script: Mootools
window.addEvent('domready', function() {
    var obj = $('image1');
    obj.addEvent(mouseover function(e) {
        e.stop();
        obj.fade(0.2);
    });
    obj.addEvent('mouseout', function(e) {
        e.stop();
        obj.fade(1);
    });

So q se for para fazer de forma estática okay, basta repetir e mudar os valores das variaveis... só que se for de forma dinamica num sei como fazer

Editado por fercosmig
adicionar tags :: fercosmig
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...