Изображения и JavaScript

Discussion in 'PHP' started by -slim-, 8 Apr 2010.

  1. -slim-

    -slim- Elder - Старейшина

    Joined:
    25 May 2007
    Messages:
    99
    Likes Received:
    12
    Reputations:
    0
    Помогите сообразить почему не работает код.

    Code:
    <html>
    <head>
    <title>...</title>
    <script type="text/javascript">
    function ImgSwitch(id, first, last, time) {
        var img = document.getElementById(id);
        if (!img) return;
        if (img._T) clearInterval(img._T);
        img._T = setInterval(function(){
            var i = Math.floor(Math.random() * (last-first+1) + first);
            img.src = 'img/file_' + i + '.jpg';
        }, time);
    };
    ImgSwitch.Stop = function(id) {
        var img = document.getElementById(id);
        if (img && img._T) {
            clearInterval(img._T);
            img._T = void 0;
        };
    };
     
    </script>
    </head> 
    
    <body>
    
    <script>
    ImgSwitch('foobar', 1, 10, 5000); // случайные от 1 до 10 каждые 5 сек.
     
    
    ImgSwitch.Stop('foobar');
    </script>
    
    <img src="img/file_1.jpg" id="foobar" />
    
    </body>
    </html>
     
    1 person likes this.
  2. cha0t1k

    cha0t1k New Member

    Joined:
    8 Apr 2010
    Messages:
    4
    Likes Received:
    1
    Reputations:
    0
    Браузер отрабатывает код по мере загрузки. У тебя джаваскрипт отработает до того как загрузится сам тег. Помести код джаваскрипта ниже тега <img /> :)
    А лучше помести вызовы функций в событие window.onload
     
    1 person likes this.