$('#camera_wrap').camera({ height: '50%', loader: 'bar', pagination: false, thumbnails: true, hover: false, opacityOnGrid: false, });
<div class="container"> <div class="camera_wrap camera_emboss pattern_1" id="camera_wrap"> <div data-thumb="images/thumbs/slide1.jpg" data-src="images/slide1.jpg"> </div> <div data-thumb="images/thumbs/slide2.jpg" data-src="images/slide2.jpg"> </div> <div data-thumb="images/thumbs/slide3.jpg" data-src="images/slide3.jpg"> </div> <div data-thumb="images/thumbs/slide4.jpg" data-src="images/slide4.jpg"> </div> <div data-thumb="images/thumbs/slide5.jpg" data-src="images/slide5.jpg"> </div> <div data-thumb="images/thumbs/slide6.jpg" data-src="images/slide6.jpg"> </div> <div data-thumb="images/thumbs/slide7.jpg" data-src="images/slide7.jpg"> </div> <div data-thumb="images/thumbs/slide8.jpg" data-src="images/slide8.jpg"> </div> <div data-thumb="images/thumbs/slide9.jpg" data-src="images/slide9.jpg"> </div> <div data-thumb="images/thumbs/slide10.jpg" data-src="images/slide10.jpg"> </div> </div><!-- #camera_wrap_3 --> </div><!-- .container -->