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
- RTP.PinchZoom.js
- Swipe – forked by me, please do not update.
- jQuery
Demo
http://realhe.ro/projects/HTML5-Swipe-Gallery/