1

我在我的一个页面上遇到了一些问题，它从服务器抓取了大量图像，将它们转储到屏幕上，并使用砖石将它们全部铺开。

所有图像都加载了，但似乎在图像加载到底部之前就调用了砌体，所有图像都加载得一团糟。我附上了一些截图给你看。请注意，这也发生在其他页面上。

在此处输入图像描述 在此处输入图像描述

还有一些我正在使用的重要代码。

<script>
$.each($('.img-grid-container img'), function (index, obj) {
    $(this).css({
        'width' : (50 + Math.round((Math.random()) * 330))
    });
});
</script>

<script>
var $container = $('.img-grid-container');

$container.imagesLoaded( function(){
    $('#grid-section').fadeIn("normal");
    $('#loader-container').hide();
  $container.masonry({
    itemSelector : '.attachment-full',
  columnWidth: 30
  });
});
</script>

任何帮助总是受到赞赏。

-R

4

1 回答 1

0

[我认为它看起来很酷，只需将它们设为可拖动并完成......] 无论如何：

你的砌体代码对我来说看起来不错[我有一些几乎相同的东西对我有用]但是：

  • 文档中的所有 JQuery 都准备好了吗？
  • 如果你先调用 masonry 然后淡入你的#grid-section 会发生什么？
  • 我想知道您的容器选择器是否有问题。如果您的页面上有该类的多个实例，那么我不知道 imagesLoaded 是否会在第一个或最后一个实例加载后触发..？

[如果有帮助，您可以随时使用 .masonry('reload') 对积木进行分类]

希望有帮助。

于 2012-02-08T16:29:57.260 回答