Я делаю сайт с видеогалереей. Я использую плагин smart grid для видеогалереи. Плагин позволяет вставлять HTML-код в раздел подписи изображения. Итак, используя HTML и CSS, я добавил отличный значок шрифта и внешнюю ссылку, которая появляется при наведении курсора мыши на изображение. Используя CSS, я также разместил ссылку внутри лайтбокса, которая переводит пользователя на ту же внешнюю ссылку, о которой говорилось ранее. Теперь моя проблема в том, что ссылка внутри лайтбокса работает нормально. Но ссылка, которая появляется на оверлее изображения, не работает. Вместо этого, когда я нажимаю на ссылку, открывается лайтбокс.
HTML-код размещен в подписи к первому изображению:
<div class = "show-in-gallery">
Airbnb <br />
<i class = "fa fa-play" aria-hidden = "true">
</i>
<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/
@WPDev Это должно что-то делать с Chrome и их политикой автоматического воспроизведения видео. Это не нарушает работу сайта, и я не получаю эту ошибку в других браузерах. Я застрял на этом уже несколько дней. :(
смотри другую часть моего комментария. проблема в jQuery.
Пробовал. Не в этом проблема. Проблема существует потому, что ссылка для открытия лайтбокса перекрывает ссылку для открытия внешней страницы. Пробовал использовать Z-index. Пока не повезло.






У вас есть Ошибка JavaScript, откройте консоль F11 и сначала исправьте его, и посмотрите, поможет ли это. Ваша ошибка исходит из jQuery на вашей домашней странице; попробуйте отладить это, и вы это исправите. Искать вокруг:
// triggers when user clicks on thumbnail var onThumbnailsClick = function(e) {