When the mouse focus out slider does not move
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
});
Keyboard shortcuts
Generic
? | Show this help |
---|---|
ESC | Blurs the current field |
Comment Form
r | Focus the comment reply box |
---|---|
^ + ↩ | Submit the comment |
You can use Command ⌘
instead of Control ^
on Mac
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:
Or disable autoPlay feature entirely and write your own via slider JS API and methods like next() or goTo().
2 Posted by contact on 29 May, 2018 07:28 PM
Hi Dmitry,
slider variable was set as undefined. Is there any missing code?
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).