Задать вопрос
Ответы пользователя по тегу JavaScript
  • Несколько owl carousel, как разделить кнопки управления?

    Marduh-Top
    @Marduh-Top Автор вопроса
    SEO-специалист, сайты на Modx Revo
    в итоге спасибо Максим Зайцев сделал так и работает)
    var owl = $("#owl-demo");
    	owl.owlCarousel({
    		items : 3,
    		autoHeight : true,
    		autoPlay: 3000,
    		stopOnHover: true
    	});
    owl.on("mousewheel", ".owl-wrapper", function (e) {
        if (e.deltaY > 0) {
          owl.trigger("owl.prev");
        } else {
          owl.trigger("owl.next");
        }
        e.preventDefault();
      });
    $(".next_button").click(function() {
        owl.trigger("owl.next");
      });
      $(".prev_button").click(function() {
        owl.trigger("owl.prev");
      });
    
    
    var owl_1 = $("#owl-demo-1");
    	owl_1.owlCarousel({
    		items : 3,
    		autoHeight : true,
    		autoPlay: 2000,
    		stopOnHover: true
    	});
    owl_1.on("mousewheel", ".owl-wrapper", function (e) {
        if (e.deltaY > 0) {
          owl_1.trigger("owl.prev");
        } else {
          owl_1.trigger("owl.next");
        }
        e.preventDefault();
      });
    $(".next_button_zag").click(function() {
        owl_1.trigger("owl.next");
      });
      $(".prev_button_zag").click(function() {
        owl_1.trigger("owl.prev");
      });
    Ответ написан
    Комментировать