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


JAVASCRIPT
<script type="text/javascript" src="assets/plugins/slider.camera/scripts/jquery.camera.js"></script>
<script type="text/javascript" src="assets/js/view/demo.camera_slider.js"></script>
		
		
HTML
<section id="slider">

	<!-- Slide 1 -->
	<div class="camera_wrap" id="camera_wrap_1" data-height="40%">
		<div data-thumb="demo_files/images/150x99/6-min.jpg" data-src="demo_files/images/1200x800/6-min.jpg">
			<div class="camera_caption fadeFromBottom">
				Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
			</div>
		</div>

		<!-- Slide 2 -->
		<div data-thumb="demo_files/images/150x99/7-min.jpg" data-src="demo_files/images/1200x800/7-min.jpg">
			<div class="camera_caption fadeFromBottom">
				Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
			</div>
		</div>

		<!-- Slide 3 -->
		<div data-thumb="demo_files/images/150x99/8-min.jpg" data-src="demo_files/images/1200x800/8-min.jpg">
			<div class="camera_caption fadeFromBottom">
				Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
			</div>
		</div>

		<!-- Slide 4 -->
		<div data-thumb="demo_files/images/150x99/9-min.jpg" data-src="demo_files/images/1200x800/9-min.jpg">
			<div class="camera_caption fadeFromBottom">
				Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
			</div>
		</div>
	</div>


</section>