Mobile-first Image Viewer In Vanilla JavaScript – previewImage-mobile

Preview:

Description:

A mobile-first image viewer to showcase your images in a sliding panel with support for swipe to switch, pinch to zoom, tap to close and much more.

View The Demo On The Mobile:

How to use it:

Import the minified version of the previewImage-mobile library into the document.

<script src="dist/previewImage.min.js"></script>

Prepare an array of images to showcase in the image viewer.

const imgList = ['1.png','2.png','3.png']

Initialize the image viewer and specify the first image to display as follows:

previewImage.start({
  urls: imgList,
  current: '1.png'
});