Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Горизонтальное движение изображений (https://javascript.ru/forum/jquery/50003-gorizontalnoe-dvizhenie-izobrazhenijj.html)

Asrover 07.09.2014 11:22

Горизонтальное движение изображений
 
Привет всем. Есть код, который заставляет галерею изображений постоянно двигаться, при наведении движение останавливается.
Взял с просторов интернета. Скорость движения картинок зависит от перемещения мыши, как это исправить? Если поставить вместо
$(document).mousemove --- $(document).ready , то вообще ничего не работает. Спасибо.

$(document).mousemove(function(){
    var marg = 0; // отступы между фотками
    var hght = 236; // высота карусели 
    speed = 1; // скорость прокрутки
    
    var imgs = $("#scrolled > img");
    var scrl = $("#scrolled");
    var crsl = $("#carusel");
    wdth = 0;
    imgs.css("margin","0 "+marg);
    crsl.css({overflow:"hidden","height":hght});
    $.each(imgs,function(index,value){
        wdth += ($(imgs[index]).width()+(marg*2)+5);              
    })
    scrl.width(wdth);    
    
    function rightScroll(){
        var firstImg = $("#scrolled > img:first");
        var lastImg = $("#scrolled > img:last");     
        var scroll = crsl.scrollLeft();
        crsl.scrollLeft(scroll + speed);
        if(scroll > firstImg.width()){
            crsl.scrollLeft(scroll - (firstImg.width()+(marg*2)));
            firstImg.clone(true).insertAfter(lastImg);
            $(firstImg).remove();
        }
    }
    crsl.mouseover(function(){
        clearInterval(timer);                      
    }).mouseout(function(){
        timer = setInterval(rightScroll,10);                   
    })
    timer = setInterval(rightScroll,10);
});

Asrover 07.09.2014 20:33

Разобрался сам, нужно было использовать $(window).load


Часовой пояс GMT +3, время: 03:57.