NIVO SLIDER

CSS

<link href="assets/plugins/slider.nivo/nivo-slider.css" rel="stylesheet" type="text/css" />





JAVASCRIPT

<script src="assets/plugins/slider.nivo/jquery.nivo.slider.pack.js"></script>

<script src="assets/js/view/demo.nivo_slider.js"></script>

		

		

HTML

<!-- 

	NIVO SLIDER 

	

	data-controlNav="true" 		(show bullets)

	data-pauseOnHover="true" 	(pause on mouse hover)

-->

<div class="nivoSlider" data-controlNav="false" data-pauseOnHover="false">



	<!-- Slide 1 -->

	<img src="demo_files/images/content_slider/23-min.jpg" alt="" title="Caption example #1" />



	<!-- Slide 2 -->

	<a href="http://www.stepofweb.com">

		<img src="demo_files/images/content_slider/21-min.jpg" alt="" title="Caption example #2" />

	</a>



	<!-- Slide 3 -->

	<img src="demo_files/images/content_slider/3-min.jpg" alt="" data-transition="slideInLeft" title="Caption example #3" />



	<!-- Slide 4 -->

	<img src="demo_files/images/content_slider/10-min.jpg" alt="" title="Caption example #4" />



</div>

<!-- /NIVO SLIDER -->