.one-sensor__big-img(
data-json='{"image": [{"src": "img/manufacturers-1.png,"opts": {"thumb": "img/manufacturers-1.png","index": "0"}},{"src": "img/manufacturers-2.png","opts": {"thumb": "img/manufacturers-2.png","index": "1"}},{"src": "img/manufacturers-3.png","opts": {"thumb": "img/manufacturers-3.png","index": "2"}},{"src": "img/manufacturers-4.png","opts": {"thumb": "img/manufacturers-4.png","index": "3"}}]}'
)
img(src="img/sensor-one.png", srcset="img/sensor-one@2x.png 2x", alt="Большое фото датчика",
width="363", height="268")
.one-sensor__img-row
a.one-sensor__img.one-sensor__img--active(href="img/manufacturers-4.png" data-fancybox-index="1" data-fancybox="image")
img(src="img/manufacturers-4.png", srcset="img/sensor-one@2x.png 2x", alt="Малое фото датчика",
width="96", height="71")
a.one-sensor__img(href="img/manufacturers-1.png" data-fancybox-index="2" data-fancybox="image")
img(src="img/manufacturers-1.png", srcset="img/sensor-one@2x.png 2x", alt="Малое фото датчика",
width="96", height="71")
a.one-sensor__img(href="img/manufacturers-2.png" data-fancybox-index="3" data-fancybox="image")
img(src="img/manufacturers-2.png", srcset="img/sensor-one@2x.png 2x", alt="Малое фото датчика",
width="96", height="71")
a.one-sensor__img(href="img/manufacturers-3.png" data-fancybox-index="4" data-fancybox="image")
img(src="img/manufacturers-3.png", srcset="img/sensor-one@2x.png 2x", alt="Малое фото датчика",
width="96", height="71")var sliderBig = $('.one-sensor__big-img');
$(document).on('click', '.one-sensor__big-img', function (e) {
e.preventDefault();
var $links = sliderBig.data('json');
var $index = $(this).data('fancybox-index');
$.fancybox.open($links.image, {
arrows: true,
toolbar: true,
loop: true,
thumbs: {
autoStart: true,
},
buttons: [
"slideShow",
"fullScreen",
"thumbs",
"close"
]
}, $index);
});