Stop on hover

Should be possible using some custom JS. For pause on hover, add this to your theme’s header.php before the </head>:

<script type="text/javascript">
jQuery(document).ready(function($) {
    $('.easingsliderlite').on('mouseenter', function() {
        $('.easingsliderlite').data('easingsliderlite').startPlayback();
    });
    $('.easingsliderlite').on('click', function() {
        $('.easingsliderlite').data('easingsliderlite').endPlayback();
    });
});
</script>

For ending playback after your slideshow has cycled through all of the slides, use this code:

<script type="text/javascript">
    jQuery(document).ready(function($) {
        var inc = 0;
        $('.easingsliderlite').data('easingsliderlite').$el.on('nextslide', function() {
            inc++;
            if (inc == $('.easingsliderlite').data('easingsliderlite').count) {
                 $('.easingsliderlite').data('easingsliderlite').endPlayback();
            }
        });
    });
</script>

Hope these do the trick 🙂

Just to update everyone, the code I pasted previously was incorrect. As the post is old I’m unable to edit it. Here is the code you should be using for pause on hover.

jQuery(document).ready(function($) {
    $('.easingsliderlite').on('mouseenter', function() {
        $('.easingsliderlite').data('easingsliderlite').resumePlayback();
    });
    $('.easingsliderlite').on('mouseleave', function() {
        $('.easingsliderlite').data('easingsliderlite').pausePlayback();
    });
});

Yup, I’d made another mistake – my head is all over the place! Apologies to everyone!

Here’s the code:

jQuery(document).ready(function($) {
    $('.easingsliderlite').on('mouseenter', function() {
        $('.easingsliderlite').data('easingsliderlite').pausePlayback();
    });
    $('.easingsliderlite').on('mouseleave', function() {
        $('.easingsliderlite').data('easingsliderlite').resumePlayback();
    });
});