вопрос
Подключил скрипт Месонри: (masonry.desandro.com)
Последний файл отвечает за настройки, в нем прописываю:
На выходе получаю пустоту - изображения появляются лишь если удалить свойство "width:200px" в ".highslide img", но они накладываются одна на одну.
Исходный код без подключенного скрипта:
С подключенным скриптом:
Что я не так делаю? Как правильно подключить все это дело?
<script src="{THEME}/js/masonry.pkgd.min.js"></script>
<script src="{THEME}/js/masonryset.js"></script>
Последний файл отвечает за настройки, в нем прописываю:
jQuery(function ($) {
$('a.highslide').masonry({
itemSelector: 'img',
columnWidth: 50,
});
});
На выходе получаю пустоту - изображения появляются лишь если удалить свойство "width:200px" в ".highslide img", но они накладываются одна на одну.
Исходный код без подключенного скрипта:
<div class="pw-description clearfix">
<div align="center">
<!--TBegin:http://site.com/uploads/posts/2017-04/1491391364101.jpeg|-->
<a href="http://site.com/uploads/posts/2017-04/1491391364101.jpeg" class="highslide" target="_blank">
<img src="/uploads/posts/2017-04/thumbs/1491391364101.jpeg" alt=''></a>
<!--TEnd--><br>
<!--TBegin:http://site.com/uploads/posts/2017-04/1491391365202.jpeg|-->
<a href="http://site.com/uploads/posts/2017-04/1491391365202.jpeg" class="highslide" target="_blank">
<img src="/uploads/posts/2017-04/thumbs/1491391365202.jpeg" alt=''></a>
<!--TEnd--><br>
...
С подключенным скриптом:
<div class="pw-description clearfix">
<div align="center">
<!--TBegin:http://site.com/uploads/posts/2017-04/1491391364101.jpeg|-->
<a href="http://site.com/uploads/posts/2017-04/1491391364101.jpeg" class="highslide" target="_blank" style="position: relative; height: 0px;">
<img src="/uploads/posts/2017-04/thumbs/1491391364101.jpeg" alt="" style="position: absolute; left: 0px; top: 0px;"></a>
<!--TEnd--><br>
<!--TBegin:http://site.com/uploads/posts/2017-04/1491391365202.jpeg|-->
<a href="http://site.com/uploads/posts/2017-04/1491391365202.jpeg" class="highslide" target="_blank" style="position: relative; height: 0px;">
<img src="/uploads/posts/2017-04/thumbs/1491391365202.jpeg" alt="" style="position: absolute; left: 0px; top: 0px;"></a>
<!--TEnd--><br>
...
Что я не так делаю? Как правильно подключить все это дело?