Использование кладки с загруженными изображениями
Я новичок в JS и надеюсь, что эти вопросы не кажутся слишком глупыми.
Я использую кладку для своего сайта - работает отлично. Я хотел, чтобы мои коробки появлялись как раз тогда, когда кладка закончила загрузку. Ища в интернете, я нашел несколько постов, рекомендующих использовать загружаемый плагин для решения этой проблемы. Это просто ничего не меняет. Это означает, что мои макеты и блоки содержимого продолжают портиться до тех пор, пока кладка не закончит загрузку, и только тогда блоки внезапно переместятся на свои правильные позиции.
Мой код:
$(document).ready(function() {
var $container = $('#post-area');
$container.imagesLoaded( function() {
$container.masonry({
itemSelector : '.box',
columnwidth: 300,
gutter: 20,
isFitWidth: true,
isAnimated: !Modernizr.csstransitions
});
});
});
Я также получаю эту ошибку Firebug:
TypeError: EventEmitter is not a constructor
ImagesLoaded.prototype = new EventEmitter();
Я загружаю загруженные изображения js вот так в конце моего сайта (я не смог найти никакой информации, если загруженные изображения уже включены в кладку или нет, некоторые писали, что она больше не включена - сбивает с толку):
<script src="http://www.domainname.com/js/imagesloaded.js"></script>
Я был бы очень рад, если бы кто-нибудь мог мне помочь. И скажите мне, является ли загружаемый файл подходящим плагином для решения этой проблемы!