Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Waterfall lazyload (https://javascript.ru/forum/dom-window/71702-waterfall-lazyload.html)

wwonder 06.12.2017 16:32

Waterfall lazyload
 
Я уже третий день сижу над задачей и постепенно схожу с ума уже :(
Нужно прикрутить адаптивный скрипт waterfall блоков с lazy load подгрузкой из бд. Скрипт прикрутили и все ок, но периодически высота блока получается вот такой

<style>
.waterfall,.waterfall div{position: relative;}
.waterfall div {}
.waterfall > div {box-sizing:border-box;padding: 2px 5px;}
</style>

Я так понимаю проблема с высотой из-за того, что скрипт работает за счет position:absolute.
Потому что если я ставлю к примеру
<style>
.waterfall div {min-height:900px}
</style>

То проблема исчезает но все дивы соответственно 900px в высоту.
<div class='waterfall'  data-col-min-width='320'>
<div><img src=''></div>
<div><img src=''></div>
<div><img src=''></div>
<div><img src=''></div>
</div>

Тело самого скрипта
http://wonder.kiev.ua/test/jquery.waterfall.js

Реально HELP, а то я уже в отчаяньи. :help: Столько скриптов перебрали и везде проблемы, или громоздкие очень, а нужно простейшее решение. Чувствую, что ларчик просто открывается...
Корявое решение я вижу вычислять высоту у картинки и присваивать ее div-у, но может есть более изящное что-то? Спасибо за любые подсказки! :victory:

рони 06.12.2017 17:05

wwonder,
код вызова плагина?


Часовой пояс GMT +3, время: 10:15.