This was my first attempt at a popup and looks exactly like I hoped it would but once I got the popup to work I realised I didn’t know how to get it to change to the next photo. The second image is of when the popup is closed.
I changed the caption bar to be more rounded and added hover effects to give it a more polished look.
The thumbnail gallery images were not properly positioned on the page and despite working well as soon as I changed the size of the window the images went out of order. This was a simple fix however it made the captions go back and they would not move in front of the images unless I made them also absolute. By changing the position settings of the captions that meant that the opaque wrapper layer shifted to the corner of the popup rather than the center. Tried several things to fix it and change its position but I couldn’t.
p.s. its really 11:22am on the 31st as you know and I tried fixing my time settings so that it wouldn’t do this but it wont work. Shocking Im studying web and I can’t even work out the time and date settings on wordpress lol (but really just extremely embarrassing).