javascript - JQuery Masonry breaks after first image, loads with strange gaps -


i'm implementing masonry infinite scroll on tumblr theme -- i've done before, can't 1 stop "breaking" , scattering images around. getting desperate!

live demo @ neuraldamage-theme4.tumblr.com (password guest).

i've tried removing body tag except #posts div , contents (and of course script), problem persisted -- seems shouldn't issue surrounding divs.

here's script:

$(document).ready(function() {     $('#post-video iframe').attr('width', '300');   // resize embedded videos });  var $container = $('#posts');  $container.imagesloaded( function(){     $container.masonry({         itemselector : '.post',         columnwidth : 300     }); });  $container.infinitescroll({     navselector  : '#pagination',    // selector paged navigation      nextselector : '#pagination li a.pagination_nextlink',  // selector next link (to page 2)     itemselector : '.post',     // selector items you'll retrieve     loading: {         finishedmsg: '',         img: 'http://static.tumblr.com/6u5yyqj/iutmgivzo/loading.gif',  // http://static.tumblr.com/6u5yyqj/iutmgivzo/loading.gif, http://static.tumblr.com/6u5yyqj/ywkmgj1jq/loadingdark.gif     }     },     // trigger masonry callback     function( newelements ) {         var $newelems = $( newelements );         $container.masonry( 'appended', $newelems );     } );

and here's have embedded, made sure date:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://static.tumblr.com/6u5yyqj/mpkmktfkv/jquery.masonry.min.js"></script> <script src="http://static.tumblr.com/6u5yyqj/nsqmkth3k/jquery.infinitescroll.min.js"></script>

and if you'd see full code: gist.github.com/neuraldamage/5307289

if take crack @ this, i'd appreciative!

it's running bunch of problems because have multiple <div id="posts"> on page. problem tumblr code spitting out more should.


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more