Ajuda: Mootools efeito fade

[_Claudio_]

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

[Jonathan Queiroz]

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

[_Claudio_]

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 Abril 20, 2009 por fercosmig
adicionar tags :: fercosmig