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.
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
});