Streaming live at 10am (PST)

Hide Element if you click anywhere on the site


#1

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


#2

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.


#3

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


#4

Ah gotcha, cool glad you got it fixed.


#5

Thanks a lot @Keejo!


#6

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


#7

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