Hide Element if you click anywhere on the site

Hi guys, I just did a small mockup where you can select the image you want to have on the canvas.

How can I make the interaction that

  • If you click on the picture the appropriate picture loads
  • If you click on another picture the other picture disappears and the appropriate picture loads

Now I just created multiple animations, where I hide all other images except the right one, but I guess that’s what is causing the flickering and the process is highly inefficient.

Any other idea?

http://yp-apartment.webflow.io/

https://preview.webflow.com/preview/yp-apartment?preview=a48041d4217491be0d0e765b4a71298b

No it looks right to me. The flickering is caused by the width of the parent div. Try making the width to % on the parent layer. It should be a Section then you wouldn’t need width. Then make the parent overflow hidden.

hi @creatspot - I managed to fix the flickering by setting flexchild Position Relative and all your image widgets as Position Absolute:slight_smile:

1 Like

Ah gotcha, cool glad you got it fixed.

1 Like

Thanks a lot @Keejo!

hey @creatspot - glad to help! all the best! :slight_smile:

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.