使用svg而不是jpg / png时,加载gif不会消失

时间:2012-08-24 08:27:45

标签: jquery svg prettyphoto

我只是尝试添加svg图形(现在使用img标签用于跨浏览器兼容性,而不是gzip或其他东西)到我的漂亮照片库中。我注意到的第一件事:它有效。图片显示。好极了!几秒后:D'uh,加载gif不再消失。 MEH。

...所以,长话短说,这是我的问题。有谁知道如何在实际加载svg文件后让loading-gif消失?它适用于png / jpg。

为了更清楚我的意思,只需在我的测试环境中查看并向下滚动到表格部分(一行,3张): http://nie-wieder.net/sites/phil/pride/

如果你可以帮我解决这个问题会很棒。

问候, 多米尼克

1 个答案:

答案 0 :(得分:1)

可能是你的png / jpg不透明所以当你把它们放在你的装载微调器上时,它似乎消失了。但是现在SVG完全是矢量而且透明......所以你仍然在那里旋转。我建议你在加载完成时编写一个脚本来删除你的微调器(div背景)。

jQuery('div.view.view-first img').bind('load', function(){

   jQuery(this).parent('div.view.view-first').css('background','');

});

像这样的事情