Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
The second and third slide shows how captions or HTML content can be added into a slide;
The 4th slide shows how responsive image can be customized to a specific position and scale;
Note: The responsive image's default style: background-size:contain; background-position: center center;
Learn more about CSS3 background-size
The last slide shows how video is embedded into a slide.
Note: ninjaVideoPlugin.js should be linked before the ninja-slider.js link.
In the head section we added the styles to show the pause/play button.
The slider's built-in function, reload(), has been called by this page to apply the option changes.
Note: the reload function is usually used when the slider markup needs to be built or updated on the fly (after page load).