Доброго времени суток)
Скрипт masonry позволяет иметь структуру блоков как на сайте pinterest (вдруг кто не знает))
https://github.com/desandro/masonry
Но у него есть слабость: в хроме он запускается раньше, чем определяются размеры изображений, следовательно эти размеры не учитываются и красивая страничка превращается в месиво.
Эта проблема решается с помощью скрипта imagesLoaded.
https://github.com/desandro/imagesloaded
Но как? Я не понимаю, т.к. плохо знаю js, можете помочь с этим?
Собственно, сейчас ситуация следующая:
сайт на joomla, в хедере подключены скрипты:
<script src="/templates/rt_chimera/js/imagesloaded.pkgd.min.js"></script>
<script src="/templates/rt_chimera/js/masonry.pkgd.min.js"></script>
Для запуска masonry, я добавляю к родительскому div класс "js-masonry", как прописано вот тут:
http://masonry.desandro.com/#init-with-html
Вот тут, вроде как объясняется, как использовать imagesLoaded скрипт, но я не пойму, как?
http://masonry.desandro.com/appendix.html
Объясните, пожалуйста) что и куда копировать?