NIVO SLIDER

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


JAVASCRIPT
<script type="text/javascript" src="assets/plugins/slider.nivo/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" 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 -->