Home → Suggestions →

When the mouse focus out slider does not move

• Edit

contact

28 May, 2018 10:18 AM

Hi,

Thanks for the amazing slider.

When the mouse leaves from the page or focus out of the page, Slider does not move. Here is the options I used;

Jquery Version : v1.12.1
Royal Slider Version: v9.5.9

    $('#full-width-slider').royalSlider({
        arrowsNav: false,
        loop: true,
        keyboardNavEnabled: true,
        controlsInside: false,
        imageScaleMode: 'fill',
        arrowsNavAutoHide: false,
        autoScaleSlider: false,
        autoScaleSliderWidth: 960,
        autoScaleSliderHeight: 350,
        controlNavigation: 'none',
        thumbsFitInViewport: false,
        navigateByClick: true,
        startSlideId: 0,
        autoPlay: { enabled: true, delay: 15000, pauseOnHover: false, stopAtAction: false },
        transitionType: 'move',
        globalCaption: false,
        deeplinking: {
            enabled: true,
            change: false
        },
        imgWidth: 1400,
        imgHeight: 680
    });

1. Support Staff 1 Posted by Dmytro Semenov on 28 May, 2018 11:50 AM

   

   Hello,

   It's a default behaviour, to disable unbind blur/focus events after slider is initialized:

   var slider = $('#full-width-slider').data('royalSlider');
   $(window).off('blur' + slider.ns + ' focus' + slider.ns);
   

   Or disable autoPlay feature entirely and write your own via slider JS API and methods like next() or goTo().

   • Edit

2. 2 Posted by contact on 29 May, 2018 07:28 PM

   

   Hi Dmitry,
   slider variable was set as undefined. Is there any missing code?

   • Edit

3. Support Staff 3 Posted by Dmytro Semenov on 30 May, 2018 04:47 AM

   

   Make sure that you're adding the code after slider is initialized (after $('#full-width-slider').royalSlider({ ... }); method).

   • Edit