WordPress.org

Ready to get started?Download WordPress

Forums

Meta Slider
[resolved] Nivo Slider -- custom navigation buttons? (3 posts)

  1. redneony
    Member
    Posted 1 year ago #

    I am trying to create custom nav (prev,next) buttons for the Nivo Slider. It's not ideal, but I want them to appear on the outside of the slider window.

    http://travelwithlissa.com

    I've made the buttons and positioned them where I want them to be, and I found a jQuery code snippet that should make them work as the default buttons did... except the tutorial I am working from says that it must be placed in the beginning of the initialization code -- which I can't figure out how to access.

    The tutorial -- http://stackoverflow.com/questions/6835236/external-controls-next-prev-for-nivo-slider-raphaeljs

    Is there any way I can accomplish this? I am in love with this plugin so far and really don't want to scrap it. It's an awesome way for my client to be able to update the site on her own. :D

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

  2. Matcha Labs
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    Try pasting this directly into your homepage template, doesn't matter too much where :)

    <script type='text/javascript'>
    $(document).ready(function() {
        jQuery("#previousButton').click(function (e) {
             e.preventDefault();
             jQuery(".nivo-directionNav .nivo-prevNav").click();
        });
        jQuery("#nextButton').click(function (e) {
             e.preventDefault();
             jQuery(".nivo-directionNav .nivo-nextNav").click();
        });
    });
    </script>

    Regards
    Tom

  3. Matcha Labs
    Member
    Plugin Author

    Posted 1 year ago #

    No response, setting to resolved.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic