HTML5 Swipe Gallery

Fullscreen swipe gallery with pinch zoom support based on HTML5 for kiosk use. It was tested during exhibition in National Museum in Warsaw.

But why HTML? We nedded gallery with pinch zoom that runs in Kiosk Pro App which supports only websites.

Requirements

My solution works great with Kiosk Pro App on iPad Air 2 (iOS 10.3.2). It was also tested on Galaxy Tab 10.1 but was unresponsive.

API and usage

Please check main.js in src directory. Everything is based on scripts listed below.

Installation:

  • Adjust image quality to your needs. To big files may render very slow
  • Put your files into img/gallery directory
  • Use list.php or list.sh to generate markup for your gallery
  • Paste generated text into index.html file

Third party scripts

Demo

http://realhe.ro/projects/HTML5-Swipe-Gallery/

Source

https://github.com/fedek6/HTML5-swipe-gallery



Posted

in

,

Tags: