Minimal Image Panning Library – LC-Mouse-Drag

A tiny image panning JavaScript library that provides a smooth drag-to-pan functionality on images.

Supports both mouse drag and touch swipe events.

Table of Contents

How to use it:

1. Import the lc-mouse-drag.js JavaScript library into the document.

<script src="lc-mouse-drag.js"></script>

2. Initialize the library on the image container as follows:

<div id="inner">
  <img src="demo.webp" />
</div>

lc_mouseDrag('#inner');

3. Determine the animation delta when ending dragging. Default: 0.3.

lc_mouseDrag('#inner', 0);

4. Disable X-axis and/or Y-axis dragging. Default: false.

Changelog:

v1.0.2 (10/31/2025)

new: now truly detects deviceses with a cursor to operate

The post Minimal Image Panning Library – LC-Mouse-Drag appeared first on CSS Script.

Responsive Interactive JavaScript Lightbox & Image Viewer Library – PixelVoyager

PixelVoyager is a lightweight JavaScript library that creates responsive, interactive image viewers with zoom, pan, and rotate functionality across desktop and mobile devices. How to use it: 1. Download the load the pixelvoyager.js script in the document. 2. Add your image to the image viewer. The tag…

July 7, 2025

In "CSSScript"

Advanced Tilt Effect with Parallax Content in Vanilla JavaScript – tiltEffect

tiltEffect is a tiny JavaScript library that creates smooth, interactive parallax tilt effects using 3D perspective transformations and mouse interactions. You can control tilt angles, transition speeds, scaling behaviors, and lighting effects through HTML data attributes or JavaScript configuration objects. The library handles all coordinate calculations, perspective transforms, and CSS…

November 17, 2025

In "CSSScript"

Select Multiple Elements With Mouse Drag & Touch Gestures – Selectables

Selectables is a tiny, zero-dependency JavaScript library that allows you to select multiple html elements with mouse drag and touch interactions through the Pointer Events API. It’s ideal for developers who need interactive selection in file managers, image galleries, or data grids. Features: Collision Detection Modes: Choose between ‘touch’ (partial…

January 24, 2026

In "CSSScript"

rssfeeds-admin