Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.09.2009, 23:47
Новичок на форуме
Отправить личное сообщение для vital8 Посмотреть профиль Найти все сообщения от vital8
 
Регистрация: 23.09.2009
Сообщений: 2

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

Замена строчки
new Animator(document.getElementById('animated'), 0.2, 50).process('mouseover', 'mouseout');

на строчку
new Animator(document.getElementById('animated'), 0.2, 50).process('load', '');
не помогает


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
window.onload = function() {
 
    function Animator(node, initialOpacity, speed) {
        this.node = node;
        this.opacity = this.initialOpacity = initialOpacity;
        this.speed = speed;
        this.flagIn = false;
    }
 
    Animator.prototype = {
        bind: function(type, listener) {
            if(this.node.addEventListener) this.node.addEventListener(type, listener, false);
            //@cc_on this.node.attachEvent('on' + type, listener);
        },
        process: function(type1, type2) {
            var _this = this;
            this.bind(type1, function() {
                _this.flagIn = true;
                _this.fadeIn();
            });
            this.bind(type2, function() {
                _this.flagIn = false;
                _this.fadeOut();
            });
        },
        setOpacity: function() {
            this.node.style.opacity = this.opacity;
            //@cc_on if(@_jscript_version < 5.8) this.node.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (this.opacity * 100) + ')';
        },
        fadeIn: function() {
            var _this = this;
            setTimeout(function() {
                if(_this.opacity < 1 && _this.flagIn) {
                    _this.setOpacity(_this.opacity += 0.1);
                    _this.fadeIn();
                }
            }, this.speed);
        },
        fadeOut: function() {
            var _this = this;
            setTimeout(function() {
                if(_this.opacity > _this.initialOpacity) {
                    _this.setOpacity(_this.opacity -= 0.1);
                    _this.fadeOut();
                }
            }, this.speed);
        }
    };
 
    new Animator(document.getElementById('animated'), 0.2, 50).process('mouseover', 'mouseout');
 
};
</script>
<style type="text/css">
#animated {
opacity: 0.2;
}
</style>
<!--[if IE]>
<style type="text/css">
#animated {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}
</style>
<![endif]-->
</head>
 
<body>
    <img id="animated" src="" alt="" />
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 24.09.2009, 00:42
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

new Animator(document.getElementById('animated'), 0.2, 50).fadeIn()
Ответить с цитированием
  #3 (permalink)  
Старый 24.09.2009, 18:06
Новичок на форуме
Отправить личное сообщение для vital8 Посмотреть профиль Найти все сообщения от vital8
 
Регистрация: 23.09.2009
Сообщений: 2

Поставил
new Animator(document.getElementById('animated'), 0.2, 50).fadeIn()

вместо
new Animator(document.getElementById('animated'), 0.2, 50).process('mouseover', 'mouseout');


К сожалениею - не работает ни в IE ни в FF
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Запуск скрипта по завершению загрузки страницы EugenyK Events/DOM/Window 4 27.05.2011 11:08
firefox зависает после обновления страницы constantant Firefox/Mozilla 4 14.09.2009 12:30
Прогресс бар загрузки страницы bis AJAX и COMET 1 03.08.2009 10:24
Событие полной загрузки страницы Never Events/DOM/Window 4 07.07.2009 02:11
Подмена html-тегов после загрузки страницы xordeer jQuery 1 09.04.2009 22:16