# Bubble - Image Zoom on Hover Plugin

### Overview

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.

For a demo of this Plugin please visit: <https://imagezoomplugin.bubbleapps.io/>

For more Plugins and Templates please visit <https://www.anticode.de/?lang=en>

### Instructions

Simply drag the Image Zoom element onto your page and upload the image you want to be displayed. Resize the container according to your needs and set the Scale (Integer) - how strong the zoom effect should be. You can also choose if the image should move along with the movement of the cursor by checking the checkbox "move". To initiate the zoom and the loading of the images you have to add the "Initiate Zoom" Action within a workflow, by creating the workflow - "When Page is loaded" -> Initiate Zoom

For a demo please visit the editor: <https://bubble.is/page?id=imagezoomplugin&tab=tabs-1>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://anticode.gitbook.io/templates/plugins/bubble-image-zoom-on-hover-plugin.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.