Actualmente estoy trabajando en mi sitio de cartera donde tengo un control deslizante de imagen que aparece como un Lightbox cuando el visitante hace clic en una imagen de la página.

Cuando está abierto, se supone que el control deslizante Lightbox muestra:

1. Un contador de imágenes en la esquina inferior derecha
2. Un pie de foto en el medio
3. Un texto de crédito en la esquina inferior izquierda que abre una ventana emergente dentro de la página que muestra los créditos del equipo para un determinado proyecto/imagen.

Logré que el contador de imágenes y el título de la imagen aparezcan correctamente, pero tengo problemas para obtener un texto en el que se puede hacer clic que dice "Créditos" para mostrar en la parte inferior izquierda que abre una ventana emergente con los créditos del equipo relacionados con el actual imagen seleccionada en el control deslizante Lightbox.

Intenté usar el texto alternativo para mostrar el texto de crédito en la esquina inferior izquierda a través de Javascript y CSS, pero hasta ahora no tuve suerte.

Esto es lo que estoy tratando de lograr.

El control deslizante Lightbox tiene un texto de Créditos en el que el visitante puede hacer clic y que cambia con cada imagen:

Deslizador de cuadro de luz de imagen

Cuando se hace clic en el texto de los créditos, debe aparecer una ventana emergente con los créditos del equipo dentro de la misma ventana. Como esto:

Créditos de imagen de Lightbox: ventana emergente

¿Hay alguna forma sencilla de hacer esto con javascript y css?

Aquí hay un enlace al sitio web para verlo en vivo.

¡Gracias de antemano!