Горизонтальное движение изображений
Привет всем. Есть код, который заставляет галерею изображений постоянно двигаться, при наведении движение останавливается.
Взял с просторов интернета. Скорость движения картинок зависит от перемещения мыши, как это исправить? Если поставить вместо $(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); }); |
Разобрался сам, нужно было использовать $(window).load
|
Часовой пояс GMT +3, время: 03:57. |