PhotoSwipe - Image gallery for mobile and touch devices

PhotoSwipe is an HTML/CSS/JavaScript based image gallery specifically targeting mobile touch devices. It provides your visitors with a familiar and intuitive interface allowing them to interact with images on your mobile website.

 

PhotoSwipe - Features:

  • Optimised for mobile devices running a WebKit browser.

  • Runs on modern desktop browsers, including Internet Explorer 8 and above.

  • From v3 can be run within a div on your page as well as "full screen".

  • 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 and pan around images

  • Rotate image (iOS 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

    • Provide your own toolbar HTML

    • Set the speeds of all animations used, from sliding in to fading.

 

w10schools
2014-09-22 14:27:46
Comments
Leave a Comment

Please login to continue.