В общем взял библиотеку для карусели
OWL Carousel
Сделал на сайте как хотел дизайнер (при наведении слайды начинают прокрутку, при потере ховера останавливается)
Инициализируется это дело так:
var owl = $("#owl-demo");
owl.owlCarousel({
items : 5, //10 items above 1000px browser width
itemsDesktop : [1000,4], //5 items between 1000px and 901px
itemsDesktopSmall : [900,3], // betweem 900px and 601px
itemsTablet: [600,2], //2 items between 600 and 0
itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
});
// Custom Navigation Events
$(".latest").hover(
function(){
owl.trigger('owl.play',1000); //owl.play event accept autoPlay speed as second parameter
},
function(){
owl.trigger('owl.stop');
}
)
Но б*ядь, вы знаете этих дизайнеров, вечно они всё усложняют.
В общем нужно править инициализацию таким образом:
1) Прокрутка должна быть не по блокам, а просто плаваня с лева на право.
2) По достижению конца, лента не должна возвращатся назад (резкой прокруткой в право) а должна быть зациклена по кругу.
Помогите хабравчане добрые пожалуйста)
P.S. сам слайдер на
этой страничке , блок "последние публикации"