隐藏图片/砌体图库直至满载

时间:2018-03-06 11:56:16

标签: javascript jquery html masonry

我希望隐藏图像/整个图库,直到所有图像都被加载。

我使用了一些可以在我的初始登陆页面上运行的jQuery(它只需要在一个图像上运行)。一旦必须加载多个图像,您始终可以看到第一次加载的图像。如果你在那之后刷新页面,那么jQuery似乎就可以开始工作了。

这是我一直在使用的jQuery:

$(document).ready(function() {
$('.library-list img').hide();
setTimeout(function(){
    $('.library-list img').css("visibility", "visible");
    $('.library-list img').fadeIn('slow');
},1000);

CSS:

visibility:hidden

这是代码有效的初始目标网页:83photography.co.uk

这是打开的图库页面,其中相同的代码似乎不起作用:83photography.co.uk/overview

如果有人可以提供帮助,那么图库中的图像将被隐藏,直到它们完全加载到初始加载状态时才会很好。只是看起来不整洁,想要清理它

0 个答案:

没有答案