Just remove the max-width setting in ninja-slider.css, e.g.
#ninja-slider div.slider-inner {
max-width:700px; }
Shrink the screen, or view this page with a mobile phone, the slider will always adapt to the browser size.
jQuery is not required
View Ninja Slider with mobiles or touch-enabled devices, the slider is navigable by touch or swipe.
Every <li>
element will be treated as a slide. It can contain any HTML content, even no slide image at all.
The transitional effect of the captions can be easily configured by the transition
or the animation
property in the stylesheet.
For the full documentation please visit Ninja Slider.