Ninja Slider / Posts /

Add my own Next Prev button for the image slider

Hello, i want to use my own Next and Prev button, outside of the video, somewhere in the page. I don't want the the button to be over the video. Is there a way to do that? Thanks
Yan  9 years ago   viewed: 11497    

5 Answers


There are three approaches:

  1. From the demo you can see the nav buttons are outside the slider. It is because of the max-width setting:#ninja-slider li > div, #ninja-slider li > a { max-width:960px; } 
  2. In the CSS file, make the div#ninja-slider to be wider than the div#ninja-slider ul so that the nav buttons are outside of the slider
  3. Another option is to add the nav buttons to the page by yourself. It can be anywhere: <div id="ninja-slider-prev"></div> <div id="ninja-slider-next"></div>

    You can see an example of this from the demo 2 in the download package, or

Milo   9 years ago

Thanks, Milo for being such a great help as always. Do you think this nav button still works?junk removal fencing company charlotte

  2 years ago
peterparkerrbu   one year ago

Dude, this is super nice. Will be helpful on my weebly sites. The OG slider buttons aren't this clean. notary service Huntington Beach  detailing company Fort Lauderdale  detailing company Fresno  detailing near me Livermore

  one year ago

This button is cool but do you have a javascript add to it as well? Any graphics you can add? Thanks in advance. car detailing near me Turlock  mobile detailing company Whittier

  10 months ago


Your name*
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: