Forum Documentation Showcase Pricing Learn more

New Plugin - Image Zoomer

Hey everyone!
We have just released the “Image Zoomer Plugin”. This Plugin allows you to zoom into your images on click and center them on your page whilst changing the background color. This Plugin is ideal for writing Blogs and enhancing the user experience during reading. Furthermore, this Plugin allows to you add small images to your page which can be zoomed on upon when clicked. The mouse cursor of the user is changed to a zoom symbol when an image is hovered. You can specify the duration of the transition effect, the background color and the max width/height of the zoomed image.

For a demo please visit:https://webpagezoom.bubbleapps.io/

Plugin Page:https://bubble.io/plugin/image-zoomer-1565771236435x257256829589913600

Have a great day!
Noel from Anticode

5 Likes

Thanks!

Does it work with dynamic images in a repeating group?

2 Likes

Hey thanks for your message. You can make it work but it is not ideal.
For horizontal scrolling repeating groups it works quite well: https://webpagezoom.bubbleapps.io/demo , however not for vertical repeating groups as due to css structure, the image will be behind the repeating group:https://webpagezoom.bubbleapps.io/demo2 .

In order to set this up you will have to generate a unique element id for each image. You can do that by using the unique id of the current cells thing and adding just one letter. Take a look at the editor for more information: https://bubble.io/page?id=webpagezoom

Cheers,
Noel from Anticode