Questions tagged [imagesloaded]

90 questions
12
votes
1 answer

How to run masonry only after all html5 videos are loaded with infinitescroll?

masonry infinite scroll append html5 videos overlapping i am currently using imagesLoaded library which checks whether images are loaded then calls masonry. But it was not working with html5 video tag, because of this videos gets overlapped on one…
user1642018
10
votes
1 answer

Test imagesLoaded() progress callback using jasmine

I have the following code: $.ajax({ url: API + "item/" + item_id.replace('-',':'), beforeSend: function(xhr){xhr.setRequestHeader('x-customer', customer);}, format: "json", success: function( data ){ var…
Oleg Belousov
  • 9,633
  • 12
  • 68
  • 119
6
votes
1 answer

Getting Packery / Masonry to work with angular2

I'm trying to get Packery / Masonry to work on a component. Packery is detecting the container but giving it a height of zero suggesting the content hasn't loaded even though I'm using imagesLoaded. I've tried using various lifecycle hooks but they…
dottodot
  • 1,110
  • 1
  • 11
  • 20
6
votes
3 answers

Masonry Events: Call event after imagesLoaded and layoutComplete

So here's what I'm trying to do. I have a grid with a lot of images, so I'm using the imagesLoaded library along with masonry. Here's my CSS: .grid { opacity:0; } And HTML:
Corey
  • 2,163
  • 4
  • 30
  • 56
6
votes
2 answers

Isotope not working with imagesLoaded?

I'm using jQuery Isotope to create a horizontal layout, aligning DIVs with 100% height next to each other and center images inside each DIV vertically. So for, I'm calling Isotope like this and everything works fine in Chrome…
R4ttlesnake
  • 1,481
  • 2
  • 16
  • 26
4
votes
0 answers

TypeError: $container.isotope is not a function

Probably it could be duplicate question but I have tried every solution I found, I am newbie with imagesLoaded , can anyone please help to get rid out of it? The scripts I have included is in following order -