Vanilla JavaScript image / video viewer meant to be as lightweight and easy to use as possible. Install via package manager or add a script from the dist directory to your page. CDN links are available via jsDelivr. Or with a script tag: No additional CSS file is neccesary.

Pretty good JavaScript lightbox gallery with a small footprint. Demo: https://biggerpicture.henrygd.me. High Performance - Smooth even with huge images, especially if using srcset. Lightweight - Less than half the size of lightGallery or PhotoSwipe (the king - …

Lightweight & framework independent JavaScript image / video viewer View on Github

Oct 1, 2013 · You can do it with pure css3 transform: scale(); Show EXAMPLE. Ideally the <img> would have an id or class (especially if there are multiple of them). The simplest way would probably be to add a class although you could also change the width property or style property. width: 400px; height: 300px; elem.addEventListener("click", function () {

Dec 5, 2011 · OpenSeadragon is a javascript library for pan and zooming large images, using tiles. Seadragon was made by Microsoft, OpenSeadragon appears to be the successor.

Use ng-click to set a scope variable like selectedImage which can be used in ng-class and ng-src for big image

Nov 24, 2024 · BigPicture.js is a lightweight, CSS-less, responsive image & video viewer/lightbox built in pure JavaScript. Supports local/remote images and Youtube/Vimeo/HTML5 videos. More features: Content loading spinner. Image captions supported. Custom trigger elements. Error handling. Install it via NPM: npm install bigpicture How to use it: 1.

Lightweight (3.5 KB gzip) and framework independent JavaScript image / video viewer. Supports Youtube, Vimeo, and direct video links. Doesn't sit on the DOM when inactive.

bigpicture.js is a Javascript library that allows infinite panning and infinite zooming in HTML pages.

PanoJS3 - An interactive JavaScript widget for panning and zooming a panoramic image stitched together dynamically from smaller tiles. This widget can be used for viewing images that are much larger than the available space in the browser viewport. Examples include panoramas, maps or high resolution document scans.