Anticode
  • Welcome to Anticode
  • Templates
    • Bubble - Startup Landing Page
    • Bubble - Directory/Listings Template
    • Bubble - Job Board/Search Template
    • Bubble - Product Sales Funnel Template
    • Bubble - Quiz Creator Template
    • Bubble - Meetup/Events Template
    • Bubble - All-in-one Template
  • Plugins
    • Bubble - Financial Data (Stocks, Forex etc.)
    • Bubble - Words API Plugin
    • Bubble Web Search Plugin
    • Bubble ColorTag API Plugin
    • Bubble - Loading Spinners
    • Bubble - Animations Plugin
    • Bubble - Shaking Animation
    • Bubble - Dot Spinners
    • Bubble - Button Effects on Hover
    • Bubble - Beautiful Spinners Plugin
    • Bubble - Clock Plugin
    • Bubble - Credit Card Validator Plugin
    • Bubble - Detect User Plugin
    • Bubble - Full-Screen Loading Animation Plugin
    • Bubble - Image Zoom on Hover Plugin
    • Bubble - Particles Animation
    • Bubble - Pattern Lock Plugin
    • Bubble - Foldable Elements Plugin
    • Bubble - Modify Favicon
    • Bubble - Elevator Scroll
    • Bubble - Image Zoomer Plugin
    • Bubble - Loading Overlay Plugin
    • Bubble - Detect Inactivity Plugin
    • Bubble - Blur Elements Plugin
    • Bubble - Simple Text to Speech
    • Bubble - Custom Cursor Plugin
    • Bubble - Transform and Translate Elements
    • Bubble - Animated Shapes Plugin
    • Bubble - Simple HTML Audio Player
    • Bubble - Click Bubbles Plugin
    • Bubble - iOS Style Spinner
    • Bubble - iOS Style Notifications
    • Bubble - Dynamic Page Title
    • Bubble - Focus Elements Plugin
    • Bubble- Confetti Animation Plugin
    • Bubble - Simple Loading Spinner
    • Bubble - Share Text Plugin
    • Bubble - Emoji Ratings Plugin
    • Bubble - Prevent Duplicate Windows/Tabs Plugin
    • Bubble - Highlight Text Plugin
    • Bubble - Browser Cookies Plugin
    • Bubble - Percentage Circles Plugin
    • Bubble - Analog Clock Plugin
    • Bubble - Loading Game Plugin
    • Bubble - Image Filters Plugin
    • Bubble - Local Push Notifications Plugin
    • Bubble - Number Counter Plugin
Powered by GitBook
On this page
  • Overview
  • Instructions
  1. Plugins

Bubble - Image Zoom on Hover Plugin

PreviousBubble - Full-Screen Loading Animation PluginNextBubble - Particles Animation

Last updated 5 years ago

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:

For more Plugins and Templates please visit

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://imagezoomplugin.bubbleapps.io/
https://www.anticode.de/?lang=en
https://bubble.is/page?id=imagezoomplugin&tab=tabs-1