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
6 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
Why is the image so fuzzy when zoomed? Seems to me it should be as clear as the original image.
Hey,
the image should not be fuzzy, however due to the enlargement of the image the quality decreases a bit as the size of the image increases. You might want to take an image with a higher resolution, so that the image does not look fuzzy when zoomed. You can take a look at our demo to see how it should look: https://webpagezoom.bubbleapps.io/
Hope that helps!
