cycle2 Pictures disappear when tabbing browser when using jquery 3.1.0

Just finished implementing jquery 3.1.0 and now when I tab to a new windows within any browser the pictures in my cycle2 temporarily disappear when I tab back to my running application (sometimes have to wait 4 to 6 seconds before they reappear) . This did not happen with jquery versions before 3.0.0.

You can visit www.starlightdemo.com to see the problem...just open a new tab in a browser and wait 10 seconds before tabbing back to starlightdemo.com.

Aug 25 '16 13:08 rotsen49

Hello, same problem here. Try visit http://nova.linkadeti.sk

Sep 08 '16 18:09 JanValiska

Just finished implementing jquery 3.1.0 and now when I tab to a new windows within any browser the pictures in my cycle2 temporarily disappear when I tab back to my running application.

I'm experiencing the exact same thing after implementing jquery 3.1.0.

Sep 12 '16 09:09 ghost

Hey guys, i'm in the same problem.

How can i solve it?

using jquery 3.1.0.

Sep 21 '16 16:09 rafhaelbarabas

I was using an older jQuery and it seems to also happen. Specially on OS X. On Windows seems like the slideshow gets paused until you return to the tab... Same issue reported at #777

Sep 25 '16 00:09 TCB13

Just found out this issue is present on jQuery version 2.2.4. Version 2.1.4 seems to be the last working one.

Sep 25 '16 12:09 TCB13

Can you tell me where i can get this version ? @TCB13

This is my issue -> http://screencast.com/t/aEcvN2nvwi (acess using a browser with Flash Compatibility, like Google Chrome)

Sep 27 '16 12:09 rafhaelbarabas

@rafhaelbarabas I had the same issue as you. Download jQuery version 2.2.4. https://code.jquery.com/jquery/

Sep 27 '16 12:09 TCB13

Worked perfectly with 2.2.4 version!!!

Thank you for the help! @TCB13

Sep 27 '16 12:09 rafhaelbarabas

Looks like in jQuery 2.2.4 DOM is frozen when tab is not focused, while on jQuery 3.1.0 it is still changing. Is there a way to pause slider when window is not focused? I need quick workaround.

// edit

There is my quick workaround if anyone still bother this problem.

jQuery(window).on('focus', function() { sliderContainer.cycle('resume'); }).on('blur', function() { sliderContainer.cycle('pause'); });