Nivo Slider — custom navigation buttons?

Resolved redneony
(@redneony)

11 years 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. 😀

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

Viewing 2 replies - 1 through 2 (of 2 total)

(@matchalabs)

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

matchalabs

(@matchalabs)

11 years ago

No response, setting to resolved.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Nivo Slider — custom navigation buttons?’ is closed to new replies.

Tags