Блог

У меня есть сайт, который я перенял, который включает галереи Blue imp, но они перестали работать — когда вы нажимаете на ссылку с миниатюрами, экран просто становится черным без каких-либо изображений, и вам нужно обновить, чтобы снова просмотреть страницу.

Вот ссылка на страницу, содержащую галереи: https://www.secrethillswalking.co.uk/holiday/746/1240/a-yorkshire-treat—hebden-bridge.htm

Какой код мне нужно удалить / добавить, чтобы обе галереи снова правильно отображали увеличенные изображения?

Я попытался просто заменить jquery.blueimp-gallery.min.js с новой версией, но это не сработало.

Заранее спасибо!

Я взглянул на исходный код вашей страницы и думаю, что вам не хватает javascript, чтобы использовать blueimp для раздела ФОТОГАЛЕРЕИ. Это то, что я использую:

 document.getElementById('links').onclick = function (event) {
    event = event || window.event
    var target = event.target || event.srcElement
    var link = target.src ? target.parentNode : target
    var options = { index: link, event: event }
    var links = this.getElementsByTagName('a')
    blueimp.Gallery(links, options)
  }
 

где «ссылки» — это идентификатор вашего div галереи.