2
There are three approaches:
- 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; }
- 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
- 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