Ссылка на оверлей изображения открывает лайтбокс вместо внешней страницы - PullRequest
Новая
       15

Ссылка на оверлей изображения открывает лайтбокс вместо внешней страницы

0 голосов
/ 21 мая 2018

Я делаю сайт с видео галереей.Я использую плагин Smart Grid для видеогалереи.Плагин позволяет вставлять HTML-код в раздел с заголовками изображений.Поэтому, используя HTML и CSS, я добавил потрясающий значок шрифта и внешнюю ссылку, которая появляется, когда мышь наводит курсор на изображение.Используя CSS, я также поместил ссылку внутри лайтбокса, которая переводит пользователя на ту же внешнюю ссылку, которая упоминалась ранее.Теперь моя проблема в том, что ссылка внутри лайтбокса работает нормально.Но ссылка, которая появляется на оверлее изображения, не работает.Вместо этого, когда я нажимаю на ссылку, открывается лайтбокс.

HTML-код, помещенный в подпись первого изображения: 

<div class="show-in-gallery">
    Airbnb <br />
    <i class="fa fa-play" aria-hidden="true">
    </i>&nbsp;&nbsp;&nbsp;&nbsp;
    <a class="GalleryLink" href="http://cirkus.co.nz/?p=57">
        Read More
    </a>
</div>

<div class="show-in-lightbox">
    <a class="GalleryLink" href="http://cirkus.co.nz/?p=57">
        Read more
    </a>
</div>

CSS: 

 .show-in-lightbox {
     display:none;
 }
 .pswp__caption .show-in-lightbox {
     display:block;
 }
 .pswp__caption .show-in-gallery{
     display:none;
 }
button{
    color:black;
}
.GalleryLink{
    color: white;
}

URL сайта: https://robierobz.com/

...