I am currently working on my portfolio site where I have an image slider appearing as a Lightbox when the visitor clicks an image on the page.

When open, the Lightbox slider is supposed to show:

1. An image counter in the bottom right hand corner
2. An image caption in the middle
3. A credit text in the bottom left corner that opens a pop-up window within the page showing the team credits for a certain project/image.

I have managed to get the image counter and image caption to appear correctly, but I am struggling with getting a clickable text that says ‘Credits’ to show on the bottom left that opens a pop-up window with the team credits related to the current selected image in the Lightbox slider.

I have tried to use the Alt Text to display the Credit text in the bottom left corner through Javascript and CSS but without any luck so far.

Here’s what I’m trying to achieve.

The Lightbox slider has a Credits text that the visitor can click and that changes with every image:

Image Lightbox Slider

When the credits text is being clicked, a pop-up with the team credits should appear within the same window. Like this:

Lightbox Image Credits - Pop up

Is there any simple way of doing this with javascript and css?

Here's a link to the website to view it live

Thank you in advance!