Как сделать, чтобы фото при просмотре увеличилось?

голоса: 0
как сделать чтобы фото в новостях при просмотре становилось больше.
Адрес сайта http://bibkrru.ucoz.com/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

Перейти в глобальный блок нижняя часть сайта http://bibkrru.ucoz.com/panel/?a=tmpl;m=1;t=BFOOTER и в самый низ прописать условие:

<script type="text/javascript">
$(".eMessage img").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>

| Автор:

какой пунк выбрать....хотелось бы чтоб все фотографии размещеные на сайте. открывались так(при просмотре увеличивались, при нажатии)

Елена Петрова(Михайлова),
Да, правильно, туда в самый низ после всего кода вставить и сохранить. Код выше я чуть поправил, заново перекопируйте.
Yuri_Geruk,

 ошибка... выбрать шаблон...что там выбрать??

Елена Петрова(Михайлова),
В новой ПУ еще есть ошибки с сохранением, перейдите в старую панель http://bibkrru.ucoz.com/panel/?a=tmpl;m=1;t=BFOOTER там вставьте и должно сохраниться без ошибок.
Yuri_Geruk,
все получилось...но хотелось бы чтоб во всем сайте фото так открывалось
Елена Петрова(Михайлова),

Где не работает, примеры наведите (ссылки на страницы).

Скрипты выше можно чуть доработать сделав примерно так:

<?if($MODULE_ID$='index')?>
<script type="text/javascript">
$(".content-block img").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>
<?else?>
<script type="text/javascript">
$(".eMessage img").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>
<?endif?>

...