Sunday, June 16, 2024
HomejQueryEasy Picture Zoom & Pan with JS Zoomer jQuery Plugin

Easy Picture Zoom & Pan with JS Zoomer jQuery Plugin


JS Zoomer is a light-weight, simple jQuery plugin for zooming and panning photos inside their dad or mum container. Good for picture galleries, product showcases, or any state of affairs the place picture particulars are vital.

This plugin permits customers to discover photos in better element by zooming out and in with clicks and the mouse wheel, and it offers a pure pan performance by easily shifting the picture because the mouse hovers over it.

Easy methods to use it:

1. Embody the JS Zoomer plugin information and the most recent jQuery library in your HTML file.


<hyperlink href="/path/to/src/zoomer.css" rel="stylesheet">
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/src/zoomer.min.js"></script>

2. Create a container ingredient with the category ‘zoomer-container’ and add the picture you need to zoom and pan inside it.


<div fashion="peak: 500px; width:100%;" class="zoomer-container">
  <img alt="Picture" src="picture.webp">
</div>

This superior jQuery plugin is developed by TheoGibbons. For extra Superior Usages, please test the demo web page or go to the official web site.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments