Mobile Optimized Lightbox Gallery – touchTouch

Preview:

Description:

This is the Vanilla Version of the jQuery touchTouch plugin.

touchTouch is a JavaScript-based gallery lightbox plugin that is created entirely in HTML5 & Vanilla JavaScript and can be used straight after downloading.

It has great touch support, is lightweight, fast, and easy to implement.

How to use it:

1. Download the package and insert the touchTouch’s JavaScript & CSS files into the document.

<link rel="stylesheet" href="../src/touchTouch.css" />
<script src="./src/touchTouch.js"></script>
2. Call the function touchTouch on the images and done.

<a class="demo" href="1.jpg">
  <img src="1-thumb.jpg" />
</a>
<a class="demo" href="2.jpg">
  <img src="2-thumb.jpg" />
</a>
<a class="demo" href="3.jpg">
  <img src="3-thumb.jpg" />
</a>
...

touchTouch(document.body.querySelectorAll('.demo'));

Changelog:

02/26/2022

• v1.2.0

02/25/2022

• fixed some responsive issues