I have a page which has a hero image. When the user clicks on this image a lightbox opens which contains a slideshow of images.
I want to indicate to the user that they can click on the image to open the slideshow, but I'm not sure of the best way.
Here is my layout with an arrow approach:
The problem with this is that if the arrow is clicked the image doesn't slide, a lightbox opens, so it feels like an inappropriate signifier.
A second approach with a button:
Using a button makes it obvious, but looks like a distracting call to action when placed over the image.
Are there any other approaches I'm missing?
Any advice welcome, thanks.