автовоспроизведение не возобновляется после ручного переключения слайдеров с помощью (RoyalSlider от Дмитрия Семенова)

Интересно, пользовался ли кто-нибудь RoyalSlider, и у него есть тот же вопрос, что и у меня?

До сих пор я использовал RoyalSlider для двух своих проектов, и это здорово, хотя я не уверен, является ли это проблемой или функцией, которая еще не интегрирована.

Я установил ползунок на автозапуск. Это работает нормально. Но я заметил, как только коснулся слайда (нажав на него или проведя пальцем по нему). Автовоспроизведение просто останавливается (независимо от того, было ли pauseOnHover истинным или ложным).

В идеале, я думаю, лучше всего, чтобы автовоспроизведение возобновлялось после того, как пользователи взаимодействуют с ползунком?

Моя разметка выглядит следующим образом:

1.HTML

<div class="hero desktop z-lv3">
            <div class="royalSlider-desktop rsDefault">
                <div class="rsContent">
                    <img class="rsImg" src="img/global/hero1.jpg" alt="" />
                </div>
                <div class="rsContent">
                    <img class="rsImg" src="img/global/hero2.jpg" alt="" />
                </div>
                <div class="rsContent">
                    <img class="rsImg" src="img/global/hero3.jpg" alt="" />
                </div> 
                <div class="rsContent">
                    <img class="rsImg" src="img/global/hero1.jpg" alt="" />
                </div>
                <div class="rsContent">
                    <img class="rsImg" src="img/global/hero1.jpg" alt="" />
                </div>
                <div class="rsContent">
                    <img class="rsImg" src="img/global/hero1.jpg" alt="" />
                </div>
                <div class="rsContent">
                    <img class="rsImg" src="img/global/hero1.jpg" alt="" />
                </div>  
            </div>  <!------------------- End Slider Desktop  ------------------->
         </div> <!------------------- End Slider Desktop Wrapper ------------------->   
  1. Jquery

            jQuery(document).ready(function($) {
          $('.royalSlider-desktop').royalSlider({
            arrowsNav: true,
            loop: true,
            keyboardNavEnabled: true,
            imageScaleMode: 'fill',
            autoScaleSlider: true, 
            autoScaleSliderWidth: 1600,
            autoScaleSliderHeight:800,
            controlNavigation: 'bullets',
            controlsInside: false,
            navigateByClick: true,
            autoPlay: {
                    // autoplay options go gere
                    enabled: true,
                    pauseOnHover: true,
                    delay: 2500,
                },
            transitionType:'fade',
          });
        });
    

Я не ожидаю мгновенного исправления этого, потому что все в порядке, но хотел бы знать, рассматривал ли это кто-нибудь до меня? Спасибо! Ваше здоровье.


person Austeroid    schedule 01.08.2014    source источник


Ответы (2)


Вам нужно включить stopAtAction: false, так как по умолчанию установлено значение true.

Так:

autoPlay: {
        // autoplay options go gere
        enabled: true,
        stopAtAction: false,
        pauseOnHover: true,
        delay: 2500,
    },
person coldpumpkin    schedule 13.08.2014

person    schedule
comment
Пожалуйста, добавьте текст, чтобы описать цель вашего кода или как он отвечает на вопрос. - person A.L; 21.10.2014