CameraSlider

Camera is a responsive/adaptive slideshow. Try to resize the browser window
It uses a light version of jQuery mobile, navigate the slides by swiping with your fingers
It's completely free (even if a donation is appreciated)
Camera slideshow provides many options to customize your project as more as possible
It supports captions, HTML elements and videos and it's validated in HTML5 (have a look)
Different color skins and layouts available, fullscreen ready too

<div id="camera_slider" class="camera_azure_skin">
<div data-thumb="/Portals/27/sliderimage/thumbsimg_1.jpg" data-src="/portals/27/sliderimage/img_1.jpg">
<div class="camera_caption fadeFromBottom">
Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
</div>
</div>
<div data-thumb="/Portals/27/sliderimage/thumbsimg_1.jpg" data-src="/portals/27/sliderimage/img_2.jpg">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-thumb="/Portals/27/sliderimage/thumbsimg_1.jpg" data-src="/portals/27/sliderimage/img_3.jpg">
<div class="camera_caption fadeFromBottom">
<em>It's completely free</em> (even if a donation is appreciated)
</div>
</div>
<div data-thumb="/Portals/27/sliderimage/thumbsimg_1.jpg" data-src="/portals/27/sliderimage/img_4.jpg">
<div class="camera_caption fadeFromBottom">
Camera slideshow provides many options <em>to customize your project</em> as more as possible
</div>
</div>
<div data-thumb="/Portals/27/sliderimage/thumbsimg_1.jpg" data-src="/portals/27/sliderimage/img_5.jpg">
<div class="camera_caption fadeFromBottom">
It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> (<a href="#" target="_blank">have a look</a>)
</div>
</div>
<div data-thumb="/Portals/27/sliderimage/thumbsimg_1.jpg" data-src="/portals/27/sliderimage/img_6.jpg">
<div class="camera_caption fadeFromBottom">
Different color skins and layouts available, <em>fullscreen ready too</em>
</div>
</div>
</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat male-
suada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies phare

Planar Client Options
Layout Style
  • Wide
  • Boxed
Theme Preview