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