MARKETPLACE
PLUGINS
SIMPLE IMAGE ZOOM ON CLICK
Simple Image Zoom On Click logo

Simple Image Zoom On Click

Published August 2019
   •    Updated December 2025

Plugin details

This plugin lets users click to zoom images, center them on the page, change the background, show a zoom cursor on hover, and control transition duration and size - perfect for blogs and reading experiences.


       

⚡ Main Functions:

Interactive Image Zoom.
   Add zoom functionality to images for a sleek, immersive experience.
Auto Centering & Dim Background.
   Centers the zoomed image and darkens the background automatically.
Zoom Cursor Indicator.
   Show a zoom cursor on hover to indicate interactivity.
Customizable Settings.
   Choose zoom duration and set background color during zoom.
Size Limits.
   Limit max width and height of the zoomed image.

⚡ Key Features:

🖼️ Thumbnail or Full Image Support
      Works great for thumbnails or full-size visual content.
🖋️ Use Case Focus.
      Ideal for blogs, portfolios, and content-heavy apps needing image focus.



Documentation

We’ve created a detailed step-by-step guide for the Simple Image Zoom On Click Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

What does the Simple Image Zoom on Click Plugin do?
This plugin enables a smooth zoom effect on images when clicked. It centers the image on the screen, adds a customizable background overlay, and enhances the reading or viewing experience, especially in blogs or content-driven apps.

Can I change the background color during the zoom effect?
Yes. You can choose any background color that appears behind the zoomed-in image to match your app’s design.

Is the zoom transition smooth or instant?
You can control the smoothness by adjusting the zoom transition duration. This creates a more natural zoom-in effect for users.

Does it show any cursor to indicate the image is zoomable?
Yes. When a user hovers over an image, the cursor changes to a zoom symbol, indicating that the image is interactive.

Can I limit the maximum zoom size?
Absolutely. You can specify both the max width and max height of the zoomed image to ensure it fits well on all screen sizes.

Where can this plugin be used effectively?
It’s perfect for blogs, galleries, news articles, e-commerce product images, or any area where you want to give users an enhanced image viewing experience.



Our Similar Plugins

- Imgix Image Processing
- Live Image - Move effect
- Blobby Image Frame
- Magnifying Glass For Images
- Image Zoom on Hover Pro
- Zoom on Hover

$40

One time  •  Or  $4/mo

No ratings yet
196 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   846 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/simple-image-zoom-on-click-249c669b00ed805ea539c3682bb1ba06

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Media   •   Technical   •   Blog   •   Image   •   Productivity   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (0.0)

Not really userfull
October 1st, 2019
Will zoom on the thumb, so if you got a 200px height on your page, and zoom it, it will be pixelized. I do not see the real interest
Hello, Rapid Dev Support Team here. Thank you for the review and sorry to hear that our plugin didn’t fit your requirements. Before its purchase, we always encourage our users to test the plugin capacities on the demo page: https://rapidplugins-2.bubbleapps.io/version-test/imagezoom as well as ask the support team about any plugin-related questions. To get a good output from the plugin zoom, please ensure the uploaded image has a good resolution. We would be glad to try to change your user experience and assist you with any questions related to our products. Please do not hesitate to contact us at [email protected], we will gladly assist on any inquiry. Thanks again, Rapid Dev Support Team
October 12th, 2023
  •  
Original reviewer
Bubble