Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как подключить Masonry в fullstory для картинок?

Как подключить Masonry в fullstory для картинок?


     05.04.2017    Все вопросы » jQuery    374

вопрос
Подключил скрипт Месонри: (masonry.desandro.com)
  <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>
...

Что я не так делаю? Как правильно подключить все это дело?

Ответа пока нет


1 комментарий

sunx
Юзер

sunx - 5 апреля 2017 21:40 -

Поправка
если удалить свойство "width:200px" в ".highslide img",

max-width: 100%; в img

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

Похожие вопросы

наверх