Добрый день, друзья)
Недавно мне потребовалось удовлетворить изощренный вкус дизайнера, который передает мне в верстку макеты. А запросили с меня необычный слайдер-карусель.
http://prometey.media7.ru/
Прошло три недели, я успела собрать весь сайт, а проблема с зацикливанием так и не решена. Подошла на 90% owl carousel, все бы хорошо, но нет у нее опции зацикливания
http://owlgraphic.com/owlcarousel/#customizing кроме безумной прокрутки к началу.
Пришлось брать мануал, учебник по Jquery где делалась каруселька, и внедрять следующий код
$(function(){
var setUpCovers = function(){
$slider=$('#owl-demo .owl-item');
$('.owl-next').click(function(){
$slider.eq(0).appendTo('#owl-demo .owl-wrapper');
setUpCovers();
});
$('.owl-prev').click(function(){
$slider.eq($slider.length-1).prependTo('#owl-demo .owl-wrapper');
setUpCovers();
});
};
setUpCovers();
});
который благополучно не работает.
Прокрутить на второй слайд (чтобы карусель встала по центру) при загрузке страницы также нет возможности, owl функционала не предоставляет, transform: translate3d(-960px, 0px, 0px); работает некорректно.
Каким еще способом можно зациклить эту карусель?