Question

Здравствуйте! На моем сайте не работает лайтбокс если ссылка на фото такого вида:

<a href="https://img-fotki.yandex.ru/get/5105/320922764.0/0_11491b_8c5a38f7_orig.jpg"><img alt="" src="https://img-fotki.yandex.ru/get/5105/320922764.0/0_11491b_8c5a38f7_XL.jpg" /></a>

например, вот на этой странице: первая же фотография, открывается в новой вкладке.

Подскажите пожалуйста, как сделать так, чтобы все фотографии на странице (если прописан код как указано выше), открывались в лайтбоксе с возможностью перелистывания.

Answer 1

Чтобы данный код работал с возможностью перелистывания и в лайтбоксе, я данный вопрос решил следующим методом.

Перейти в Панель управления - Главная - Дизайн - Управление дизайном(шаблоны) - Верхняя часть сайта, в самый низ установите скрипт:

<script type="text/javascript"> 
 $(document).ready(function(){ 
 $('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox');
 $('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').attr("data-fancybox-group", "ulightboxgroup"); 
 $('.ulightbox').fancybox({padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons : {}}}); 
 $(window).scroll(function() { 
 if (($.browser.msie) && (document.compatMode == 'BackCompat')) { 
 $.fancybox.reposition(); 
 } 
 }); 
}); 
</script>

после добавления скрипта, сохраните изменения, далее перейдите на главную и просто обновите ее, после попробуйте кликнуть на фото.

Comments

ОГРОМНОЕ спасибо!!!! ВСЁ ЗАРАБОТАЛО! Я в восторге. 
Какой день бьюсь с этой проблемой, весь форум и интернет перечитала, а нужно было здесь вопрос задать, и чтобы мимо добрый человек прошел!