Camera Slideshow is a jQuery slideshow by Pixedelic.
Camera slideshow provides many options to customize your project as more as possible
This is the basic html structure:
<div class="camera_wrap">
<div data-src="images/image_1.jpg"></div>
<div data-src="images/image_1.jpg"></div>
<div data-src="images/image_2.jpg"></div>
</div>
This is the main function to start your slideshow:
jQuery('your_object').camera();
You have to call "camera.css" file.
By editing this CSS file you can create your own personal skin.
It supports captions, HTML elements and videos and it's validated in HTML5 (have a look)
This is the html structure:
<div class="camera_wrap">
<div data-thumb="images/thumb_1.jpg" data-src="images/image_1.jpg"></div>
<div data-thumb="images/thumb_2.jpg" data-src="images/image_1.jpg"></div>
<div data-thumb="images/thumb_3.jpg" data-src="images/image_2.jpg"></div>
</div>
Add some options to the main function.
jQuery('your_object').camera({ //the height and the presence of the thumbnails
height: '41%',
pagination: false,
thumbnails: true
});