Refer to same image used multiple times on homepage

I have hacked my way to a parallax effect (via using floating group behind a transparent background for the page). For this reason, as the user scrolls down the page, the same image is shown multiple times; however, I need that image to occupy space so it is loaded multiple times.

As a result, Bubble is treating each image as a unique image it is loading, which makes the page load slower. Is there a way to just load it once and have Bubble reference to the same image in storage so only one image is loaded but it can appear in the multiple locations I designate?

I have never done this but…

  1. set a page level custom state named “primage” of datatype image.
  2. Set the value of this state to your image.
  3. Set the value of the images on your page to the state.

Again, NO idea if this would work.

This topic was automatically closed after 70 days. New replies are no longer allowed.