小编use*_*069的帖子

加载图像后的同位素显示库

我试图搜索并查看是否有任何列出的内容,但我没有看到任何内容.我一直在使用同位素制定了一个画廊,多数民众赞成,它工作正常,但在网页加载时,画廊中的图像显示了网页的中间,然后一旦被加载跳转到各自的立场.

我试图找出一种方法来设置容器隐藏,直到图像在他们的位置,然后用$ container.fadeIn(1000)淡入它们;

我只是不知道如何在加载后触发该功能.我已经尝试过使用Document.ready几个地方,似乎无法让它做出正确的反应.

<script>
$(function(){

  var $container = $('#container');

  $container.imagesLoaded( function(){
    $container.isotope({
        layoutMode : 'fitRows',
        itemSelector : '.photo'
    }); 

  });

$container.fadeIn(1000);

});
Run Code Online (Sandbox Code Playgroud)

这种作品,但它并没有真正倾听图像完全加载.

document-ready fadein

4
推荐指数
1
解决办法
4902
查看次数

标签 统计

document-ready ×1

fadein ×1