Aumentar Imagem no Lithgbox

Boa tarde.

Galera, conseguem me ajudar.

Tenho uma galeria de imagens que ao clicar na imagem abre uma tela de transição para passar as imagens.

Eu só estou conseguindo definir o tamanho da imagem antes da transição.
Quando a imagem é exibida na tela de transição ela fica menor.

Como eu aumento a imagem na tela de transição também ?

<p class="page-description text-center"></p>

<div class="tz-gallery">

    <div class="row">

        <div class="col-sm-12 col-md-6">
            <a class="lightbox" href="_imagens/T1.jpg" height="50" width="300" > **NÃO CONSIGO AUMENTAR**
		       <img src="_imagens/T1.jpg" alt=""> **CONSIGO AUMENTAR**
            </a>
        </div>

.tz-gallery .lightbox img {
width: 100%;
border-radius: 0;
position: relative;
}

.tz-gallery .lightbox:before {

}

.tz-gallery .lightbox:after {

}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
opacity: 1;

}

.baguetteBox-button {
background-color: transparent !important;
}

1 curtida

Olá, para isso você pode usar a biblioteca Jquery, e até mesmo fazer uma função misturando CSS e JavaScript ou simplesmente utilizar uma função do CSS chamada ‘transitions’, segue aqui um exemplo:

https://jsfiddle.net/b359x1jf/

Para saber mais:
https://www.w3schools.com/css/css3_transitions.asp