Показать сообщение отдельно
  #1 (permalink)  
Старый 07.09.2014, 11:22
Интересующийся
Отправить личное сообщение для Asrover Посмотреть профиль Найти все сообщения от Asrover
 
Регистрация: 23.08.2014
Сообщений: 20

Горизонтальное движение изображений
Привет всем. Есть код, который заставляет галерею изображений постоянно двигаться, при наведении движение останавливается.
Взял с просторов интернета. Скорость движения картинок зависит от перемещения мыши, как это исправить? Если поставить вместо
$(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);
});
Ответить с цитированием