Question

我似乎无法让这个工作。试图让tumblr主题看起来不错，但由于某种原因，其他照片总是加载重叠垂直照片。我认为这是因为砌体还没有完成加载垂直photoset因为它加载下一个或者什么......我不能为我的生活修复它（对jQuery没有太多经验）但我想学习如此如果有人可以帮助我和/或指出我正确的方向，我将不胜感激！我试过谷歌搜索这个，我找到了一些答案，但由于某种原因，他们并没有真正帮助我，我仍然有问题。这是我在主题中的内容：

<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>


<script type="text/javascript">

  $(window).load(function(){
    var $wall = $('#posts');
    $wall.imagesLoaded(function(){
      $wall.masonry({
        itemSelector: '#entry, #entry_photo',
        isAnimated : false
      });
    });

    $wall.infinitescroll({
      navSelector    : '#page-nav',  
      nextSelector   : '#page-nav a',
      itemSelector   : '#entry, #entry_photo',
      bufferPx       : 2000,
      debug          : false,
      errorCallback: function() {
        $('#infscr-loading').fadeOut('normal');  
      }},
      function( newElements ) {
        var $newElems = $( newElements );
                $newElems.hide();
        $newElems.imagesLoaded(function(){
          $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
        });
      }); $('#content').show(500);

  });



</script>

看起来像this。看到绿色照片下面有一张红色的照片吗？

Answer 1

Masonry和tumblr的原生照片不能很好地协同工作。照片集加载为iframe和砌体无法达到高度并为它们留出足够的空间。

相反，您需要使用Pixel Union photosets（tutorial）之类的内容。

用砌体重叠图像

1 个答案: