@id_baton4eg

BlueImp как отключить клик?

Привет всем, я засунул Blueimp lightbox в Owl-carousel, и все бы ничего, но при использовании навигации или нажатии на родительский блок Owl-carousel открывается картинка в BlueImp.

Долго мучался и понял, что открывается галерея из за разметки и скрипта, как сделать, чтоб открывалась галерея только по клику на ссылку, а не на родительский элемент с ID="LINKS" ? Если обернуть div class="item" в отдельный див с ид="линкс" - перестает работать Owl-slider..

SOS !!!

<div class="owl-carousel" id="links">
                <div class="item text-center">
                    <a href="<?php echo $dir ?>img/foto1/1.jpg" data-gallery="gallery1">
                    <img src="<?php echo $dir ?>img/foto1/1.jpg" alt=""></a>
                </div>
            </div>


Скрипт такой:
$(document).ready(function () { 
document.getElementById('links2').onclick = function (event) {
    event = event || window.event;
    var target = event.target || event.srcElement,
        link = target.src ? target.parentNode : target,
        options = {index: link, event: event},
        links = this.getElementsByTagName('a');
    blueimp.Gallery(links, options);
};
  • Вопрос задан
  • 246 просмотров
Решения вопроса 1
@id_baton4eg Автор вопроса
РЕШЕНО !!

В blueimp-gallery.js
строка 32, после
function Gallery (list, options) {
нужно дописать
function Gallery (list, options) {
	  if (options.index.tagName.toLowerCase() != 'a') { 
	   return null;
	  }
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы