After clicking the back arrow, the slider doesn’t move

Hi @phantam

It seems okay to me. Do you see any errors in the browser console?

Here’s how to check: https://updraftplus.com/faqs/how-do-i-open-my-browsers-developer-tools/

Also, what browser version are you using?

Hi @kbat82

I know how to detect the error on the browser console and there’s no error on the browser console.
I’m using Chrome with the version 73.0.3683.103 (Official Build), but I also tested it with IE browser, sometimes it runs okey but sometimes it delays over than 3000ms as I’d set before.

Hi @phantam

When you say the back button, do you mean this one?

https://prntscr.com/ne9ynl

Can you try in an incognito browser just to make sure its not something with an extension?

Is it possible to share a screencast of the issue? I can’t reproduce it myself but maybe if I see it I can identify something to try.

Hi @kbat82

yes, that one is the back button that I mean. when I click to it, the slider doesn’t slide anymore, I tried with incognito browser but it have still happened.
As you see on this screen recording video
I set it up 3000ms for 1 slide, but I waited for more than 1 minute, it still didn’t slide, stand up at 5/30.

Hi @phantam

Can you turn off “hover pause” on the settings page under Advanced Settings and see if that changes anything?

Hi @kbat82

I turned it off but it has still happened.

Hi @phantam

Can you also click the image once when it stops to see if that restarts it?

I think it stops when the window loses focus, regardless if you click the back button or not, right?

Hi @kbat82

oh yes, so how can I fix that?

Hi @phantam

FlexSlider will stop when the browser loses focus and start when the window is back in focus. I’m not sure why it’s not working here. You could try to switch to Nivo Slider or another slideshow library, or you can try to force it to work with something like this in your javascript file.

window.on('focus', function() {				 
  window.jQuery('#metaslider_15461').flexslider('play')
})

Let me know if that works.

Hi @kbat82
I tried to do that ways:
1. I switched to Nivo Slider and it worked fine
2. I’ve added that javascript code to js file but it’s not working.

I don’t know why it’s not working with flexSlider here..

Hi @kbat82,

1. When I switch to Nivo Slider, it has a string of the nivo-control count number at the first time I load page. You can see it detail here

2. If I add that js code, the console has an error window.on is not a function

Please help me detect it,
Thanks for your kind support.

• This reply was modified 5 years, 10 months ago by phantam.

Hi @phantam

My mistake, try this one:

window.jQuery(window).on('focus', function() {				 
  window.jQuery('#metaslider_15461').flexslider('play')
})

Hi @kbat82

That code is not has any error now, but it’s still not working.
If flex slider doesn’t work, I have to switch to Nivo slider, but Nivo also has an error that I mentioned before. How to fix a string of the nivo-control count number at the first time I load page?

Hi @phantam

I don’t see the code on the page. Are you sure it was added correctly the second time? That code worked when I added it to the console.

As for NivoSlider, can you set it up on a test page and share the URL (I guess create a new slideshow)? Can you also disable autoplay?

Hi @kbat82

– Sorry I turned the script snippet off, can you check it again? (themes/lighting_child_sample/metaslider_scripts.js)

– I created a new test page here (NivoSlider test page).

Thank you so much.