Ответы пользователя по тегу Owl Carousel
  • Как выделить активную кастомную ссылку в OwlCarousel?

    @Daskus
    Если количество ссылок соответствует количеству слайдов, тогда можно немного модифицировать имеющийся у вас пример:

    HTML-код
    <div class="target-links">
      <a class="link" href="#zero">0</a>
      <a class="link" href="#one">1</a>
      <a class="link" href="#two">2</a>
    </div>

    Javascript-код
    $(function() {
      var owl = $(".owl-carousel");
      owl.owlCarousel({
        items: 4,
        dots: false,
        loop: true,
        margin: 10,
        slideBy: 1,
        URLhashListener: true,
        autoplayHoverPause: true,
        startPosition: "URLHash",
        onTranslate: function(e) {
          $('.target-links .marked').removeClass('marked');
        },
        onTranslated: function(e) {
          $('.target-links .link').eq(e.item.index).addClass('marked');
        },
      });
    });
    Ответ написан
    1 комментарий