Справка по коду, Mootools исчезает изображение в галерее

Question

Мне нужна помощь в улучшении этой галереи (tutorialdog.com/javascript-image-gallery-using-mootools/), Я пробовал самостоятельно (я новичок в программировании на js), но я не понял, как правильно его кодировать, что дает желаемый эффект. Я пытался создать цепочку непрозрачности, но мне это не удалось.

вот код

    window.addEvent('domready', function() {
        var drop = $('large');
        var dropFx = drop.effect('background-color', {wait: false});
        $$('.item').each(function(item){
            item.addEvent('click', function(e) {
                drop.removeEvents();
                drop.empty();
                var a = item.clone();
                a.inject(drop);
                dropFx.start('7389AE').chain(dropFx.start.pass('ffffff', dropFx));
            });
        });
    });

По сути, эффект, который я хочу, заключается в том, что я хочу добавить эффект затухания в большом предварительном просмотре после того, как он был нажат.

Спасибо!

Answer 1

вы можете просто сделать drop.fade("in");, чтобы повлиять на всю большую зону, или вы можете сделать a.inject(drop).fade("in");, чтобы затенить только большее изображение