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

Question

我只是尝试将 svg 图形（暂时使用 img 标签实现跨浏览器兼容性，而不是 gzip 压缩或其他）添加到我的漂亮照片画廊中。我注意到的第一件事：它有效。图片显示。耶！几秒钟后：D'uh，加载 gif 不再消失。嗯。

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

为了更清楚我的意思，只需查看我的测试环境并向下滚动一点到工作表部分（一行，3 个工作表）： http://nie-wieder.net/sites/phil/pride/

如果您能帮我解决这个问题，那就太好了。

您好， 多米尼克

Answer 1

可能是您的 png/jpg 不透明，因此当您将它们放在加载微调器上时，它似乎消失了。但是现在 SVG 完全是矢量并且它是透明的……所以你的微调器仍然在那里。我建议你编写一个脚本来在加载完成时移除你的微调器（div 背景）。

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

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

});

类似的东西