RadCor
@RadCor
Если мой ответ вам помог, отмечайте его решением.

Как править анимацию в js слайдере?

В общем взял библиотеку для карусели 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. сам слайдер на этой страничке , блок "последние публикации"
  • Вопрос задан
  • 127 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Rocket Брянск
от 60 000 до 100 000 ₽
23 мая 2024, в 07:43
2800 руб./за проект
23 мая 2024, в 07:18
10000 руб./за проект
23 мая 2024, в 02:40
5000 руб./за проект