Inspired by the iOS photo viewer and Google images for mobile, PhotoSwipe is a HTML/CSS/JavaScript based image gallery specifically targeting mobile devices. PhotoSwipe provides your visitors with a familiar and intuitive interface allowing them to interact with images on your mobile website.

Features

• Optimised for mobile devices running a WebKit browser.
• Runs on modern desktop browsers, including Internet Explorer 8 and above.
• Multiple input options including swipe gestures (both mouse and screen touches), keyboard control and an interactive on screen toolbar.
• Responsive to device orientation changes.
• Automatically scales images to maximise screen size and orientation.
• Zoom / pan and rotate images (as of v1.0.4 - experimental iOS devices only)
• Works with your markup and semantic structure. Does not enforce any specific markup.
• Supports image captions.
• Slideshow feature to automatically play through images in the gallery.
• Uses hardware acceleration where possible for smoother transitions and effects.
• Can be integrated into jQuery Mobile.
• Comprehensive customisation options:
• Presentation controlled via CSS
• Set whether the gallery loops or not i.e. when you reach the end, is the next image the first image, or does the gallery show a bounce effect to indicate that you have reached the end.
• Hide or show captions and toolbar
• Change caption and toolbar positions
• Set the speeds of all animations used, from sliding in to fading.

PhotoSwipe comes with an example site to help you get started. There are two distributions of the library:

• The default distribution optimised for WebKit and Mozilla based browsers. This distribution uses standard DOM querying and manipulation. It also uses CSS3 transformations for animations.
• The jQuery distribution that uses jQuery as it’s engine.

It is recommended for WebKit based mobile devices to use the default distribution. This distribution will run faster. It does not require jQuery (so one less library to download to your mobile device). It also uses CSS3 to achieve animation effects. This is extremely noticable when running on an iOS device as animation will use hardware acceleration and will feel more “native” to the device. The default distribution will also work on desktop WebKit browsers (such as Chrome and Safari) as well as Firefox.

The current version supports mobile handsets running WebKit based browsers, i.e. iOS, Android and Blackberry 6. PhotoSwipe also runs on the desktop and has been tested on Chrome, Firefox, Safari and Internet Explorer 8 and above.

Requirements: -
Demo: http://www.photoswipe.com/latest/examples/jquery-mobile.html
License: MIT LIcense

Incoming search terms for the article:

• photoswipe tutorial
• photoswipe
• jquery mobile carousel swipe
• photoswipe wordpress
• photoswipe options
• mobile carousel swipe
• photoswipe jquery mobile
• photoswipe orientation
• wordpress photoswipe
• jquery mobile photoswipe