Question

Добрый день!

http://sc465.kolp.gov.spb.ru/index/nashi_prazdniki/0-165 сайт школы/садика.
Как правильно настроить переход по фото в увеличенном виде?

За ранее Вам благодарна.

Answer 1

Добавлять фото подобным образом:

<a href="ссылка на фото" class="ulightbox" target="_blank" data-fancybox-group="ulightboxgroup"><img title="титл к фото" alt="описание для фото"  src="ссылка на фото"></a>

Comments

Спасибо за ответ!
Решение этого вопроса возможно только через html?
В настройках ссылок нелья так сделать?

---

Лена Павлова,

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

<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>

и этого будет достаточно, после фото можно добавлять вот так:

<a href="ссылка на фото"><img src="ссылка на фото" alt=""></a>

все остальное уже сделает скрипт выше.