I have a page (new pt page). It has 2 link blocks currently, “arm” and “back”. I have two images below it (it will ultimately have 5-6 images and corresponding link blocks). One image is just an outline, and the second image has red indicating a body part (such as “arm”). I’d like the blank outline to load and remain visible with the images containing red only appearing when the appropriate link block is rolled over.
I did an interaction using the Link block as the trigger, and top (red) image as the target sitting opacity to 0% and ending at 100%. What I don’t understand is that the red image is still visible (lower opacity, but visible) when the page loads. Then once over the link block, it goes away (fully) and gets brighter as you scroll over it. My intention is that it is not viable at all, until you roll over, then it become visible.
This was a simple “image swap” procedure in Dreamworks (like this one my photography site where when you roll over the locations the image changes -http://www.greene-art.com/about_me.html).
Any help appreciated. I’m obviously missing something because I am sure this can be done.
Here is my public share link: **LINK**https://preview.webflow.com/preview/louiss-radical-project-d73ee4?utm_source=louiss-radical-project-d73ee4&preview=dbfa34678755c105cc29bdb8a8641764
(how to access public share link)