Hi @phantam
I’m seeing an error with the script on the flexslider slideshow. Can you update it to this and see if it works? I’ll check the NivoSlider issue if that doesnt work.
window.jQuery(function($) {
$(window).on('focus', function() {
window.jQuery('#metaslider_15461').flexslider('play');
});
});
Hi @kbat82
I updated that code but it doesn’t work.
Hi @phantam
Instead of “play” can you try to switch it to “next”? That will tell it to move to the next slide.
It might not be working because another script on your site is stopping any focus events from happening.
If that doesn’t fix it, for Nivo Slider version, can you disable the autoplay?
Hi @kbat82
I switched to next and it doesn’t work.
For Nivo Slider, I was disable the autoplay.
Hi @phantam
I’ll look at NivoSlider now but try this one for FlexSlider:
window.jQuery(function($) {
$(window).on('focus', function() {
window.jQuery('#metaslider_15461').flexslider('play');
window.jQuery('#metaslider_15461').flexslider('next');
});
});
Hi @kbat82
It doesn’t work, I also tried to test it on IE browser
-
This reply was modified 5 years ago by
phantam.
Hi @phantam
Okay, not sure what’s going on. If youw ant to keep trying to figure it out can you change to a different slideshow theme (not Radix) and see if the behavior is the same?
For NivoSlider can you try to add this css:
.nivo-control {
display: none;
}
Hi @kbat82,
I had switched to another theme before, but it had the same error. Maybe, I think it caused by another script on my site that stop any focus events from happening as you sad before.
For NivoSlider, the important thing why I choose Radix theme because it has the count number control. if I hide the nivo-control, it will not display. Do you have another solution?
Hi @phantam
Did you add the style for the Nivo Slider? That’s the initial state and the script should adjust the visibility of the numbers after the page loads.
Hi @kbat82
Did you add the style for the Nivo Slider? what does this mean?
I already added this code but it didnt work
.nivo-control {
display: none;
}
Then, i tried:
.nivo-control {
display: none !important;
}
all the nivo control was hided.
-
This reply was modified 5 years ago by phantam.
-
This reply was modified 5 years ago by phantam.
-
This reply was modified 5 years ago by phantam.
Try this one:
.metaslider .theme-default .nivo-controlNav a.nivo-control {
display: none;
}
Hi @kbat82 ,
It still doesn’t work. I think the reason is the js code. It should resolve the initial state instead of add css code.
As I see at the element code, nivo-control already added style display none.
That is controlled after page load. The issue now is specificity. Just make the style more specific. Try this:
body div.metaslider div.theme-default .nivo-controlNav a.nivo-control {
display: none;
}
Hi @kbat82,
If make the style more specific, I added this code and it resolved the issue after page load, but then the slider doesn’t slide anymore 🙁
body div.metaslider.metaslider-nivo.ms-theme-radix div.theme-default .nivo-controlNav a.nivo-control {
display: none;
}
Hi @phantam
I appears to be working for me now. Do you see an error when you try to slide?
