MARKETPLACE
PLUGINS
IMAGE ZOOM ON HOVER SIMPLE
Image Zoom on Hover Simple logo

Image Zoom on Hover Simple

Published July 2019
   •    Updated December 2025

Plugin details

This plugin has been recently acquired by Zeroqode - please bear with us while we review the code and make improvements/fixes where necessary.
This Plugin allows you to dynamically zoom onto images by moving your cursor across the image. You can choose the scale of the zoom and the style.

This Plugin gives your users a seamless way to interact and zoom onto images in your app without zooming onto to the whole webpage.

Example uses may be: Zoom on profile pictures, zoom on images of listings on a real estate application.




Usage Features:

- Add dynamic image zoom functionality to your Bubble app for enhanced visual interaction
- Allow users to zoom on specific images by simply moving their cursor across the image surface
- Customize the zoom scale to control how much the image enlarges on hover
- Choose between different zoom styles to match your app’s design and user experience
- Zoom effect applies only to images, without affecting the entire page layout or scaling the full webpage
- Ideal for profile pictures, product images, real estate listings, galleries, and more
- Lightweight and optimized for smooth performance on web and mobile browsers
- Enhance user engagement by providing an intuitive, focused zoom experience

   





FAQ

What does the Image Zoom on Hover plugin do?
The plugin allows you to add a hover-based zoom effect to images in your Bubble app. When users move their cursor over an image, it zooms in smoothly without affecting the rest of the page.

Can I control how much the image zooms in?
Yes. You can set the zoom scale to define how much the image enlarges when hovered.

Are there different zoom styles?
Yes. The plugin lets you choose between different zoom styles so you can match the effect to your app’s design.

Does the plugin affect the entire page layout?
No. The zoom effect applies only to the image, leaving the rest of the page unaffected.

Is coding required to use this plugin?
No coding is required. You can configure everything through Bubble’s visual editor.

What are typical use cases for this plugin?
The plugin is great for profile pictures, product photos, gallery images, or real estate listings where detailed viewing is helpful.

Is it mobile-friendly?
While primarily designed for hover (desktop use), you should test responsiveness if using it in mobile views as hover is not native to mobile interactions.









Other plugins from Zeroqode

- Image Zoom on Hover Pro Plugin for Bubble
- Image Zoom on Hover++ Plugin for Bubble




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$20

One time  •  Or  $4/mo

2.5 stars   •   2 ratings
248 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/image-zoom-on-hover-simple-236c669b00ed803895a8ec3b7e8a5140

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Action

Categories

This plugin can be found under the following categories:
Containers   •   Media   •   Technical   •   Web Scraping   •   Compliance   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (2.5)

Works well, but...
January 25th, 2022
You need to add the option to change the run-mode resizing! For anybody that cares, this is how you make it so that the whole image shows (no recropping). Just put this in the header of the page: <style> .zoo-img { background-size: contain !important; } </style>
Dear valued user, Thank you for your valuable feedback and for sharing your workaround with the community. We appreciate your contribution! We’re excited to let you know that we’ve recently pushed an update that refactored the plugin code. As part of this update, we’ve added a property for background size. This should now allow you to change the run-mode resizing directly from the plugin settings, without needing to add extra code in the header of the page. We hope this enhancement improves your experience with our plugin. If you have any other suggestions or need further assistance, please don’t hesitate to contact us at [email protected]. We’re here to help! Best regards, The RapidDev Team
April 17th, 2024
  •  
Original reviewer
still image size. does not allow resizing
March 28th, 2021
still image size. does not allow resizing. I lost my money
Bubble