How to disable the mouse over pause

  • Resolved napsfan

    (@napsfan)


    6 years, 2 months ago

    Using WP Flow Plus for a circular carousel with autorotation.

    I’m looking for a way to disable the “pause on mouse hover” effect — there is no reason for users to click these particular images, and I believe unsuspecting users may have their mouse accidentally positioned over the images and won’t know that they are pausing the autorotaiton (by accident).

    I’d just like to simply disable that mouseover pause effect.

    Help? Not sure if I need to hack something in imageflowplus.js or … ?

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Spiffy Plugins

    (@spiffyplugins)

    There should be a way to remove the event listener without hacking the code. I will see what I can find.

    Plugin Author Spiffy Plugins

    (@spiffyplugins)

    Got it! Add this script to your page after the shortcode seems to do the trick:

    <script type="text/javascript">
jQuery('.wpif2_flowplus').mouseover(function() {
  jQuery('.wpif2_flowplus')
    .unbind('mouseover')
    .removeAttr('onmouseover');
});
</script>
    Thread Starter napsfan

    (@napsfan)

    Perfect! Thank you. ??

    May I ask one more favor:

    If the user wants to scroll the page with their mouse wheel, this doesn’t work for them (depending on their mouse placement at the time), since the mouse wheel advances the carousel instead. And since my carousel is nearly full width, I think this would frustrate users.

    In some cases (my case specifically), I’m happy to just let the scroller advance on its own, with no image title upon hover, no mouse wheel advance, and no lightbox image if clicked.

    So essentially, just totally disable all mouse hover. Treat this as passive background content from the user’s perspective.

    There must be a simple way to do that also?

    Thank you.

    Plugin Author Spiffy Plugins

    (@spiffyplugins)

    You can add mousewheel to the script:

    <script type="text/javascript">
jQuery('.wpif2_flowplus').mouseover(function() {
  jQuery('.wpif2_flowplus')
    .unbind('mouseover')
    .removeAttr('onmouseover')
    .removeAttr('onmousewheel');
});
</script>
    Thread Starter napsfan

    (@napsfan)

    Indeed. Thanks for your prompt help. Helpful and appreciated.

    I’ll add a review later today.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to disable the mouse over pause’ is closed to new replies.