{"action":"created","issue":{"url":"https://api.github.com/repos/passy/angular-masonry/issues/116","labels_url":"https://api.github.com/repos/passy/angular-masonry/issues/116/labels{/name}","comments_url":"https://api.github.com/repos/passy/angular-masonry/issues/116/comments","events_url":"https://api.github.com/repos/passy/angular-masonry/issues/116/events","html_url":"https://github.com/passy/angular-masonry/issues/116","id":95087913,"number":116,"title":"imagesLoaded not working","user":{"login":"paramsinghvc","id":4329912,"avatar_url":"https://avatars.githubusercontent.com/u/4329912?v=3","gravatar_id":"","url":"https://api.github.com/users/paramsinghvc","html_url":"https://github.com/paramsinghvc","followers_url":"https://api.github.com/users/paramsinghvc/followers","following_url":"https://api.github.com/users/paramsinghvc/following{/other_user}","gists_url":"https://api.github.com/users/paramsinghvc/gists{/gist_id}","starred_url":"https://api.github.com/users/paramsinghvc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/paramsinghvc/subscriptions","organizations_url":"https://api.github.com/users/paramsinghvc/orgs","repos_url":"https://api.github.com/users/paramsinghvc/repos","events_url":"https://api.github.com/users/paramsinghvc/events{/privacy}","received_events_url":"https://api.github.com/users/paramsinghvc/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-07-15T02:20:38Z","updated_at":"2015-07-15T13:43:44Z","closed_at":null,"body":"I'm using this directive to generate the list of products with images but the images are loaded very badly slowly and overlapping on each other in the beginning. Apparently, the imagesLoaded plugin isn't working at all. Here's my code :\r\n```html\r\n<ul class=\"productsList\" masonry infinite-scroll=\"loadMore()\" infinite-scroll-disabled=\"endReached\" infinite-scroll-immediate-check=\"false\">\r\n     <li class=\"col-sm-4 col-lg-3 masonry-brick\" masonry-brick ng-repeat=\"product in products\">\r\n             // markup for an item\r\n     </li>\r\n</ul>\r\n```\r\n\r\n![screen shot 2015-07-15 at 7 53 37 am](https://cloud.githubusercontent.com/assets/4329912/8689557/ae546326-2ac6-11e5-83d3-351f19a43359.png)\r\n\r\nPlease Help! Urgent!!"},"comment":{"url":"https://api.github.com/repos/passy/angular-masonry/issues/comments/121621056","html_url":"https://github.com/passy/angular-masonry/issues/116#issuecomment-121621056","issue_url":"https://api.github.com/repos/passy/angular-masonry/issues/116","id":121621056,"user":{"login":"jamesjwarren","id":1857944,"avatar_url":"https://avatars.githubusercontent.com/u/1857944?v=3","gravatar_id":"","url":"https://api.github.com/users/jamesjwarren","html_url":"https://github.com/jamesjwarren","followers_url":"https://api.github.com/users/jamesjwarren/followers","following_url":"https://api.github.com/users/jamesjwarren/following{/other_user}","gists_url":"https://api.github.com/users/jamesjwarren/gists{/gist_id}","starred_url":"https://api.github.com/users/jamesjwarren/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jamesjwarren/subscriptions","organizations_url":"https://api.github.com/users/jamesjwarren/orgs","repos_url":"https://api.github.com/users/jamesjwarren/repos","events_url":"https://api.github.com/users/jamesjwarren/events{/privacy}","received_events_url":"https://api.github.com/users/jamesjwarren/received_events","type":"User","site_admin":false},"created_at":"2015-07-15T13:43:44Z","updated_at":"2015-07-15T13:43:44Z","body":"I too am experiencing this issue. Steps to consistently reproduce:\r\n- in chrome, disable browser cache and set network throttling to ~`Regular 3G` to simulate slow image loading\r\n- masonry grid items will be overlapping once images load\r\n\r\nFor anyone looking for a temporary solution: I solved it by disabling the in-built imagesLoaded functionality (setting attribute `load-images=\"false\"` on the masonry element) and implementing image loading logic with imagesLoaded in a separate directive, calling `$scope.$broadcast(\"masonry.reload\")` on image load."}}