Add pinch-to-zoom, double-tap zoom, and smooth panning to images in your Bubble mobile app. Set custom zoom limits and deliver a native, touch-friendly experience for detailed visuals.
       
⚡ Main Functions:

• Advanced Zoom Controls.
   Enable pinch-to-zoom and double-tap zooming for native-like image interaction.
• Customizable Zoom Limits.
   Set minimum and maximum zoom levels to fit your app’s needs.
• Smooth Scaling.
   Enjoy fluid zoom and pan transitions optimized for mobile devices.

⚡ Key Features:

📱 Native Mobile Experience
     Delivers responsive, touch-friendly interactions that feel built-in.
🖼️ Versatile Use Cases
      Ideal for product catalogs, photo galleries, maps, or any detailed visual content.



Documentation

We’ve created a detailed step-by-step guide for the User Device Info for Bubble Mobile Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       
FAQ

Is the Image Zoom plugin mobile-optimized and responsive?
Yes. The plugin is specifically designed for Bubble’s mobile (native) platform, offering a seamless, touch-friendly experience with pinch-to-zoom and double-tap interactions optimized for mobile devices.

Which gestures are supported for zoom control?
The plugin supports both pinch-to-zoom and double-tap zooming, delivering a natural, intuitive experience for mobile users.

Can I control the zoom limits and initial scale?
Yes. You can configure minimum and maximum zoom levels, as well as set the initial zoom scale when the image loads.

Does it handle touch gestures automatically?
Yes. Once the plugin is added to your page, touch gestures like zooming and panning are handled automatically—no additional configuration required.

What customization options are available for the Image Container?
You can customize:
- Min Zoom (default: 0.5)
- Max Zoom (default: 4)
- Initial Zoom (default: 1)
- Zoom Step for double-tap zooming (default: 1)
- Container Background color
- Content Fit options (e.g., cover, contain)

Is there a way to track the current zoom scale or detect when the image loads?
Yes. The plugin exposes a state called Current Scale, which reflects the current zoom level. Additionally, an Image Loaded event triggers when the image is fully loaded and ready for interaction.

How do I set up the plugin in my Bubble app?
1. Install Image Zoom for Bubble Mobile from the Bubble Plugin Marketplace.
2. Drag the Image Container element onto your page.
3. Set the Image Source, and configure zoom parameters like Min Zoom, Max Zoom, Initial Zoom, etc.
4. The plugin automatically activates touch-based zooming and panning.
5. You can also use the Image Loaded event and Current Scale state in workflows.

Are there any prerequisites to use this plugin?
Yes. Since it’s designed for Bubble’s mobile editor, you’ll need to test it using Apple’s TestFlight app. Currently, the testing app is available only for iOS devices.

   

Our Similar Plugins

- Lightbox Slider
- Magnifying Glass For Images
- Image Zoom on Hover Pro
- Dynamic zoom any element
- Zoom on Hover
- Minimal Pan Zoom Image
- Image Zoom on Hover++
- Image Viewer with Zoom and Rotate
- Simple Image Zoom On Click
- Image Zoom on Hover Simple




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)!