Привет всем, я засунул 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);
};