我试图搜索并查看是否有任何列出的内容,但我没有看到任何内容.我一直在使用同位素制定了一个画廊,多数民众赞成,它工作正常,但在网页加载时,画廊中的图像显示了网页的中间,然后一旦被加载跳转到各自的立场.
我试图找出一种方法来设置容器隐藏,直到图像在他们的位置,然后用$ 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)
这种作品,但它并没有真正倾听图像完全加载.