Lightbox image component: cursor as a link? And close in the entire area?

Is it possible to change the cursor into a hand when the visitor hovers over the image when the lightbox is enabled in the image component? Just like the image would be a link.

I’d also like to be able to click on the image (or outside of it) when the lightbox is open to close it. This way, you don’t have to move your mouse all the way to the top-right corner to click the cross. Is this possible?

Both options work this way with the lightbox I use on my Classic site. I think this way is much clearer and more convenient for my users.

Hi @dan, @ben,

Would it perhaps be possible to add these two features to the Image Component?

This is the only thing stopping me from migrating one of my websites to Elements. The users of this website are elderly people and not so digital handy. For them it is logical that if you have to click on the image to enlarge it, you should also be able to click on the image again to close it.

These changes will be in the next build of Elements 3, including the ability to change the cursor to a hand or zoom icon when hovering over an image.

Hi @dan, thank you very much!

Is it also possible to choose zoom AND hand? That is how it now works in my Classic-site.

I’m a little confused, how can you show two cursors at the same time?!

Do you have a live webpage I can look at to see how you want it to work?

Ah sorry, I misunderstood it was both about the cursor. What I mean is when you hover over the image, then it zooms a little bit and the cursor becomes a hand.

You can see an example on this page:

You can re-create this zoom effect with the Transform options that are built in.. Elements is so much more flexible than Classic/Stacks once you know how to use it.

Watch this video I just recorded for you to see how to create a zoom on hover effect.

@dan That’s a good video, especially the Layout info … more like this.

Perhaps make a page where your short info videos can be seen. Now they are difficult to find.

Thank you so much, Dan! Great to see all these possibilities in a video clip. The tip about setting ‘overflow’ to ‘hidden’ in the layout is particularly useful. I wouldn’t have thought of that myself.