Показать сообщение отдельно
  #1 (permalink)  
Старый 16.01.2017, 18:39
Интересующийся
Отправить личное сообщение для alexscus Посмотреть профиль Найти все сообщения от alexscus
 
Регистрация: 16.01.2017
Сообщений: 14

Эффект анимации для фоновой картинки в слайдере
Приветствую, Уважаемые!
Подскажите, как добавить эффект для фоновой картинки каждому активному слайду в плагине owl.carousel.js (слайдер 1-ой версии)
Намучался уже, никак не получается((

Пробую добавить анимацию, но проигрывается всего один раз, а нужно к каждому активному слайду

анимация:
var animBg = $('.carousel__frame .owl-item .slide__box').animate({
        'background-position-x': '-60px'
      }, 10000, 'linear');

var owl = $(".owl-carousel"),
      status = $(".owlStatus");
 
      owl.owlCarousel({ 
        navigation : false,
        singleItem : true,
        pagination: true,
        touchDrag: false,
        mouseDrag: false,
        afterAction : afterAction,
        transitionStyle : "fade",
        addClassActive: true,
        autoPlay : true,
        goToFirst : true,
        goToFirstSpeed : 100,
        slideSpeed:100,
 
        animBg
 
      });
Ответить с цитированием