Image zoom

Look closer without leaving the page.

Hover the picture and a lens glides after your pointer. Switch to inside zoom and the whole frame magnifies where you point. On a phone, pinch, pan and double-tap. Press Enter to zoom with the keyboard.

Watch dial with a fine minute track and small engraved text

Sample product

Loupe Chronometer

₹24,900

Every surface on this page is generated for the demo. Zoom in on the dial: the minute track has five ticks per second and there is a line of text too small to read without magnification.

Magnification 2.5× Lens size 180 px Scroll wheel changes zoom

Use it

<link rel="stylesheet" href="loupe.css">

<div id="viewer" data-zoom-src="watch-2400.jpg">
  <img src="watch-1000.jpg" alt="Watch dial">
</div>

<script type="module">
  import Loupe from './loupe.js';
  const viewer = new Loupe(document.querySelector('#viewer'), { zoom: 3 });
</script>