Hide Element if you click anywhere on the site

[creatspot (Raphael Buchberger)]

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

[garymichael1313 (G.J.)]

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.

[Keejo (Kai Jolly)]

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

[garymichael1313 (G.J.)]

Ah gotcha, cool glad you got it fixed.

[creatspot (Raphael Buchberger)]

Thanks a lot @Keejo!

[Keejo (Kai Jolly)]

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