Streaming live at 10am (PST)

How to scale image on top of others


#1

I’ve been trying to achieve this for over an hour but whatever I do my image is always obscured by adjacent ones as shown in the screenshot below. How do I prevent this?

https://imgur.com/a/7zimB


Here is my public share link: LINK
(how to access public share link)


#2

Do you want the image to get bigger when you do mouse over?

I would use interactions and z-index. Let me know if you need a more deeper explanation.


#3

I’ve already made a mouseover interaction to scale the image bigger on hover, what I want is the image to show in full and not get obscured/cropped/hidden behind it’s neighbours, like it is happening in the screenshot where the second (the big one) image’s right side is sitting below the third image.


#4

Ok good. All you need to do then is change the z-index on all the other images as well. So that the image you hover over have the highest z-index of them all. For this you will want to use the :hover state.
You’ll find this top right corner.

26

On Position you choose Relative and set a z-index that is higher than the other images.


#5

Thanks a lot, this worked, I would never have thought of it, had no idea what z-index was.


#6

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