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: |
wwonder,
код вызова плагина? |
| Часовой пояс GMT +3, время: 12:03. |