[plugin] [ORPHAN] vdh_flickr

jstubbs · 2014-11-23 08:43:35

Hi again, updated the site in question from Foundation 3 to 5 and found that the accordion elements had changed, so the Masonry images were stacking vertically again. Completely forgot that I’d added a window resize thing in the page template.

I’ve added this to the page now:

$("dd > a").click(function () {
      $(window).trigger('resize'); 
 });

Would Adi/Oleg or someone else mind checking this page (or most of the links on the left side), clicking on “Bilder fra …” and see if Masonry and imagesLoaded are doing their job? Its working for me but someone else said its not working for them…thanks!

gomedia · 2014-11-23 11:47:35

Hi Jonathon … It’s failing for me. Seems to be intermittent, some work at first but then fail on a revisit. Bringing up the Web Inspector panel fixes it – just as before.

etc · 2014-11-23 12:09:07

Fails for me too (Firefox on W7). There seem to be no particular order of images, why don’t you use css multiple columns instead of masonry?

michaelkpate · 2014-11-23 13:41:01

When any of the pages first load, in place of the images, I see a vertical blank bulleted list. Then it gets replaced by the image. On a second visit, the images load immediately.

I am using Chrome 39 on Windows 8.1.

jstubbs · 2014-11-24 00:11:04

etc wrote #286012:

Fails for me too (Firefox on W7). There seem to be no particular order of images, why don’t you use css multiple columns instead of masonry?

Damn, its not working. Client wanted Masonry so have to use it. Can’t figure out why the window resize is not kicking in, this worked before upgrading to Foundation 5.

jstubbs · 2014-11-24 00:23:03

michaelkpate wrote #286013:

When any of the pages first load, in place of the images, I see a vertical blank bulleted list. Then it gets replaced by the image. On a second visit, the images load immediately.

I am using Chrome 39 on Windows 8.1.

Thanks Michael. The Orbit slider bullets should be fixed now.

jstubbs · 2014-11-25 00:49:52

Mmm this is still elusive and quite random behaviour. I tried:

$("#secondary div.row div.small-12.large-9.columns dl.accordion dd.accordion-navigation a").on("click", function () {
      $(window).trigger('resize'); 
 });

And an attempt to trigger a page resize on ajax start up:

<script>jQuery( document ).ajaxStart(function() { jQuery(window).trigger("resize");});</script>

Can anyone see what I’m missing here? I’ve done a lot of reading on Masonry and the stacked images problem but haven’t found a solution that seems to stick.

etc · 2014-11-29 12:03:12

Jonathan, replacing $(window).trigger('resize') with

window.dispatchEvent(new Event("resize"))

has worked for me, don’t ask why.

jstubbs · 2014-11-29 14:27:58

Thank you Oleg. I’ve added it now to the page. Hope you have some good feedback that it works…does for me so far!

gomedia · 2014-11-29 23:48:26

Yep, looks like it’s behaving itself again.

jstubbs · 2014-11-30 10:43:37

F-ing good news!! Thanks Oleg, so helpful. And you too Adi! Really appreciate the help with this.

gomedia · 2015-01-12 22:39:40

Funny how things turn out … I’ve had to start using Masonry as well!

Hit the same problem – where the images clump together. Worse on Safari but also happening on FF. The “window resize” fix didn’t work for me. This did.

The height being set (by Masonry) on the images container was incorrect but loading it using the imagesLoaded plugin sorted things out.

Textpattern CMS

Textpattern CMS support forum

#769 2014-11-23 08:43:35

Re: [plugin] [ORPHAN] vdh_flickr

#770 2014-11-23 11:47:35

Re: [plugin] [ORPHAN] vdh_flickr

#771 2014-11-23 12:09:07

Re: [plugin] [ORPHAN] vdh_flickr

#772 2014-11-23 13:41:01

Re: [plugin] [ORPHAN] vdh_flickr

#773 2014-11-24 00:11:04

Re: [plugin] [ORPHAN] vdh_flickr

etc wrote #286012:

#774 2014-11-24 00:23:03

Re: [plugin] [ORPHAN] vdh_flickr

michaelkpate wrote #286013:

#775 2014-11-25 00:49:52

Re: [plugin] [ORPHAN] vdh_flickr

#776 2014-11-29 12:03:12

Re: [plugin] [ORPHAN] vdh_flickr

#777 2014-11-29 14:27:58

Re: [plugin] [ORPHAN] vdh_flickr

#778 2014-11-29 23:48:26

Re: [plugin] [ORPHAN] vdh_flickr

#779 2014-11-30 10:43:37

Re: [plugin] [ORPHAN] vdh_flickr

#780 2015-01-12 22:39:40

Re: [plugin] [ORPHAN] vdh_flickr

Board footer