Easing Slider
Share your code snippets (2 posts)

  1. MatthewRuddy
    Plugin Author

    Posted 2 years ago #

    As Easing Slider contains many JS and PHP functions that users can hook into when creating their own additional functionality, I've decided to make a topic where users can share their code snippets.

    Here are two I find users asking for quite often. Add these to your theme's header.php file before the </head>. You can also add these to your own Javascript files, or even into your footer.php file before the </body>.

    Pause slideshow on hover

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

    End automatic playback after all slides have been shown

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

    Feel free to share your own :)


  2. mward1008
    Posted 1 year ago #

    Hi All

    I had difficulty with a white-space surrounding the slides on my girlfriends website:


    I was able to address this using:

    <div align="center" class="" style="background-color: #77c6c5; background-position-x: 46%;">
    <?php if ( function_exists( "easingsliderlite" ) ) { easingsliderlite(); } ?>

    In template-front.php.

    Hope useful.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Easing Slider
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic