Автовоспроизведение совой карусели воспроизводится только один раз при использовании триггера автоигры в мышином центре - PullRequest
Новая
       10

Автовоспроизведение совой карусели воспроизводится только один раз при использовании триггера автоигры в мышином центре

0 голосов
/ 18 марта 2019

Я пытаюсь запустить автовоспроизведение только тогда, когда пользователь видит карусель (иначе новые сообщения не будут видны к тому времени, когда пользователь прокручивает элемент карусели), используя этот код: 

var App = (function(window){

  "use strict";

  var _this = null;

  var cacheCollection = {};

  return{

    init : function(){

      _this = this;

      this.autoplayonsection();
    },

    autoplayonsection: function(){
      var fbowl = $('#r-latest-news-slider');

      $('#r-latest-news').on('mouseenter', function() {
        console.log('autoplay');
        fbowl.trigger('play.owl.autoplay', [1000]);
      });
      $('#r-latest-news').on('mouseleave', function() {
        console.log('stop autoplay');
        fbowl.trigger('stop.owl.autoplay');
      });
    },


    LatestNewsCarousel: function(){
      if($("#r-latest-news-slider").length > 0){
        var owl = $('#r-latest-news-slider').owlCarousel({
            loop:true,
            margin: 30,
            items: 4,
            nav: false,
            dots: true,
            autoplay:false,
            autoplayTimeout:1000,
            responsive:{
                0:{
                    items:2
                },
                600:{
                    items:2
                },
                1000:{
                    items:4
                }
            }
        })
      }
    },
  }

})(window);

$(document).ready(function($) {
  $('#preloader').fadeOut('slow',function(){$(this).remove();});
  App.init();
});

Журнал консоли работает нормально, и я вижу тексты, когда нахожу курсор мыши на элемент или оставляю его.Но по какой-то причине автовоспроизведение работает только один раз, оно скользит один раз, а затем останавливается, пока я не ухожу с помощью мыши, затем снова введите элемент, в который оно воспроизводится.

Это элемент, содержащий мою карусель:

<div class="owl-carousel r-latest-news-list" id="r-latest-news-slider">

Почему он воспроизводится только один раз?Что я могу сделать, чтобы это исправить?

1 Ответ

0 голосов
/ 16 мая 2019

Я обнаружил, что минимальное значение для autoplayTimeout равно 1233 ... ниже 1233 не будет работать ...

ниже приведен пример рабочих параметров: 

{
    items:1,
    loop:true,
    smartSpeed:1200,
    autoplay:true,
    autoplayTimeout:1500, //if you set this value to 1000, it will NOT working
    autoplayHoverPause:true,
}
...