Simple jQuery Plugin that Will Allow Users to Zoom in Images

Image Zoom is a lightweight (1.5kb minified) and easy jQuery image zoom plugin that enables the visitor to zoom in/out images with mouse and touch events.

Module Provides Image Zooming And Positioning Using Gestures On The Touch Screen

How to make use of it:

1. Download the plugin and include the next CSS & JavaScript files on the HTML web page.

<link rel="stylesheet" href="/path/to/dist/css/image-zoom.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/dist/js/image-zoom.min.js"></script>

2. Attach the function to your image throughout the doc.

// Add Image Here

3. Apply the image zoom functionality to all photos in a gallery.

<div class="my-gallery">
  // Add Images Here

4. Determine the zoom level.

      zoom: 200

Zoom Images On Click/Tap, Image Zoom Plugin/Github

See Demo And Download

Official Website(Mario-Duarte): Click Here

This superior jQuery/javascript plugin is developed by Mario-Duarte. For extra Advanced Usages, please go to the official website.

Related Posts


Accessible Bootstrap 4 Accordion With jQuery Plugin

Accessible Bootstrap 4, an easy-to-use accordion component for BS4 makes it easy to navigate accordion panels. It includes features intended to help users understand that the accordion…


Component with jQuery Image Previewer Plugin | Envato Preview

jQuery Envato Preview is a plug-in that attaches a tooltip-style rich text preview to an element when hovered over it. It also appears on Envato Networks such…


A Responsive, Touch-Enabled jQuery Grid Accordion Component

Grid Accordion jQuery plugin is a responsive, touch-enabled jQuery grid accordion plugin that combines grid and accordion functionality. Use it to create a responsive grid where you…


Responsive Card Neon Glass HTML & CSS

Responsive Neon Glass Cards are beautiful neon glass cards using HTML and CSS with animation effects. Don’t forget to join the channel for more videos like this…


[Multiple] Replace Select With The Nices Icons | Bootstrap5-Tags

bootstrap5-tags is a Vanilla JavaScript (ES6) extension for Bootstrap 5 that turns a multi-select box into an easy-to-use tag-input component. An original ES6 alternative to choose from…


Creating Keyboard Shortcuts Buttons With Style | Keyboard.css

CSS Keyboard is a library of ready-to-use, browser-compatible keyboards as a UI button for use in your web projects. This CSS library helps you create keyboard-like buttons…