On hover modal window to follow image

Design help General
1

Hello all

I am looking to have an on hover window with details for this site
https://preview.webflow.com/preview/autosale501533950526116081141?preview=69cb019df14e1707718134dfee944bb6

you can see what Im trying to achieve here http://autosale501533950526116081141.webflow.io if you hover over the top left car. I want the window with details that appears to be replicated over for the rest of the items but also - to change location accordingly, following the parent image (cose at present Ive only done it so it appears in the centre).

Whats the most sense-making way to do this?

Thanks in advance

2

Hello @tatiana,

I think you going right way, but if you will get about 10 “modetails…” objects it will need 10 interactions and every time you will have to change it’s position.
I would suggest to put modal element inside the column, which will be hovered. Move it from the top not on 500px but 100%
Then you can have only one interaction but affect only nested element and one class with one style :wink:

Regards,
Anna

3

UPD: It seems working not so easy as I expected. But I am trying to find solution. Will be back with screen cast :wink:

4

Here we go https://drive.google.com/file/d/0B-7cg8BSq1Z_T0ItdHNiUEpfbFk/view?usp=drivesdk

5

That worked perfect! Thank you:))

1 Like
6

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