I have a gallery component linked to a data thumb list. This all scrolls fine and works. When someone clicks on a thumb it shows the
image larger. Then I would like it if you click on the larger image it fills the height of the page to see an even bigger view. I have managed to do this but some of the buttons do not work in the area were this image is even if the image is not showing and the image will not go back to its off state even though it has an interaction to do so. If I drag the image component down the layers panel so it is behind all the other bits on my page it all works, the image enlarges and disappears so the previous state is shown. The problem with this is I want the image to cover everything behind it, not be behind everything. I have included a couple of screen grabs just to give you an idea.
sc 1 simple data list and image component
sc2 Enlarged image but can not get it to go
sc3 enlarged image can come and go no changes except I have moved the layer panel down
to the bottom
Any ideas how I can get this to work properly would be much appreciated
I have sorted this out. There might be other ways of doing this but I added a button to the large image gallery component.
constructed a rectangle the same size as the large image and set the opacity to 0. The whole area is now a button you can not see.
One click anywhere on the image removes it with an interaction back to the first state which is off.
hope this help anyone