Ninja Slider / Posts /

Add my own Next Prev button for the image slider

7
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  10 years ago   viewed: 11852    

5 Answers

2

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 http://www.menucool.com/zoom-slider

Milo   10 years ago
0

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

Peter
  3 years ago
0
peterparkerrbu   one year ago
0

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

Dave
  one year ago
0

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

juanisimus
  one year ago

   

Your name*
Password
(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: