CSS

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





JAVASCRIPT

<script src="assets/plugins/slider.camera/scripts/jquery.camera.js"></script>

<script 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>