Mobile Optimized Lightbox Gallery – touchTouch

Category: Gallery , Javascript , Modal & Popup | February 26, 2022
Author:foo123
Views Total:415 views
Official Page:Go to website
Last Update:February 26, 2022
License:MIT

Preview:

Mobile Optimized Lightbox Gallery – touchTouch

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

You Might Be Interested In:


Leave a Reply