Как добавить фотогалерею из приложения фото в обычную текстовую страницу?

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

Как можно внедрить данный скрипт отображения фото в блоге из соответствующего альбома на любую текстовую страницу?

Методом научного самотыка, я создал блок с названием photos.ХХХХХ в разделе сайт и прописал туда такой скрипт:

{if $wa->photos}
{$popa = $wa->photos->photos("/album/1", "970")}
<div class="stream-album">
{foreach $popa as $p}
<a href="{$p.thumb_970.url}" class="fancy" data-rel="gal" name="photo{$p.id}">
<img src="{$p.thumb_970.url}" class="retinify" alt="">
</a>
</div>
{/foreach}
</div>
<script>
$(function() {
$('.stream-album').justifiedGallery({
rowHeight: 150,
lastRow: 'justify',
margins: 3,
captionSettings : { //ignored with css animations
animationDuration : 500,
visibleOpacity : 0.8,
nonVisibleOpacity : 0.0
},
});
});
</script>
{/if}

а уже потом на текстовую страницу воткнул: {$wa->block("photos.ХХХХХ")}

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

Причём этот этот вариант работает на одном моём сайте где стоит тема "Формула успеха", но на сайте с темой "Prostore" этот вариант прокатил лишь на половину.

Подскажите что не так делаю?

1 ответ

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите