Управление длительностью функции затухания в MooTools 1.2 - PullRequest
Новая
       41

Управление длительностью функции затухания в MooTools 1.2

0 голосов
/ 30 января 2012

Я использую очень простую функцию затухания с MooTools 1.2 (я «вынужден» использовать MooTools 1.2 из-за сложности с другой функцией, вызываемой на той же странице).Я в основном выгораю заголовок на своей странице.Все отлично работает, но я не могу найти документацию о том, как просто контролировать продолжительность.Все, что я нахожу, похоже, относится к другим функциям, и я хотел бы сделать это как можно более простым.Вот javascript, который у меня есть: 

window.addEvents({
    load: function(){
        var singleImage = $('myimage2');
        singleImage.set('styles', {
            'opacity': 0,
            'visibility': 'visible'
        });
        singleImage.fade('in');
    }
});

Итак, как вы видите, он берет изображение с id = "myimage2" (которое я изначально скрыл с помощью CSS) и исчезает, когда документ готов.Он быстро исчезает, и я бы хотел, чтобы он постепенно исчезал.Есть идеи?Спасибо.

1 Ответ

4 голосов
/ 30 января 2012

Используя пример из вашего предыдущего вопроса - http://jsfiddle.net/RNeS5/208/

// set-up an event on the browsers window
window.addEvents({

    // be sure to fire the event once the document is fully loaded
    load: function(){

        // assing 'singleImage' variable to the image tag with the 'image' ID
        var singleImage = $('image');

        // set a bunch of CSS styles to the aforementioned image
        singleImage.set('styles', {
            'opacity': 0,
            'visibility': 'visible'
        });

        // fade in the image
        singleImage.set('tween', { duration: 2000 }).fade('in');
    }
});
...