WordPress.org

Ready to get started?Download WordPress

Forums

Easing Slider "Lite"
Share your code snippets (2 posts)

  1. MatthewRuddy
    Member
    Plugin Author

    Posted 1 year 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').data('easingsliderlite').startPlayback();
        });
        $('.easingsliderlite').on('click', function() {
            $('.easingsliderlite').data('easingsliderlite').endPlayback();
        });
    });
    </script>

    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() {
                inc++;
                if (inc == $('.easingsliderlite').data('easingsliderlite').count) {
                     $('.easingsliderlite').data('easingsliderlite').endPlayback();
                }
            });
        });
    </script>

    Feel free to share your own :)

    http://wordpress.org/extend/plugins/easing-slider/

  2. mward1008
    Member
    Posted 8 months ago #

    Hi All

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

    http://www.chilidesign.co.uk/

    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(); } ?>
    </div>

    In template-front.php.

    Hope useful.

    Mike

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic