Generator

A simple generator to make getting started a breeze.

Note

The small icon in the bottom right corner of each item in the preview is added by the generator and will not be part of the created HTML. 

<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- Responsive Video Slider -->
<link href="rvslider.min.css" rel="stylesheet">
<script src="rvslider.min.js"></script>

Notes

  • Must be included in your page either in the head or bottom of the body.
  • The files must be included in the order they are shown below.
  • The urls to the Responsive Video Slider files will need to be updated to point to your local version of the files.
<script>
	jQuery(function($){
		$(".rvs-container").rvslider();
	});
</script>

Note

Must be included only after all the required JavaScript files are included.

Note

Must be included in your page after all the required CSS files are included.

Note

The above HTML can be pasted anywhere in your page to create the slider however keep in mind it is designed to fit into a main content area.