当前位置：文江博客话题详情

在其他图形之前加载背景图像

发布于 2024-12-21 00:22:59 字数 236 浏览 1 评论 0原文

我真的很想在页面内的图像之前加载背景图像。

请参阅：http://carolineelisa.com/boy/animation/，我希望将纸质图像放置在其中在 gif 动画之前加载。

这可以通过 CSS 实现还是需要一些 Javascript 或 jQuery？

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

睡美人的小仙女 2024-12-28 00:22:59

当然：这并不是万无一失的，并且在某些浏览器中结果可能会有所不同，但在大多数情况下它应该能提供令人满意的结果。

<img id="bg_preload" src="path/to/image.jpg" style="position: absolute; top: -9999px;"/>
<img id="fg_1" class="fg_image" src="" style="visibility: hidden;"/>
<img id="fg_2" class="fg_image" src="" style="visibility: hidden;"/>
<img id="fg_3" class="fg_image" src="" style="visibility: hidden;"/>
<script type="text/javascript">
    $('#bg_preload').load(function() 
    {
        $('.fg_image').each(function() 
        {
            this.src = 'path/to/image.gif';
            this.style.visibility = 'visible';
        });
    });
</script>

Granted: this isn't foolproof, and results may vary in some browsers, but it should deliver satisfactory results in most cases.

<img id="bg_preload" src="path/to/image.jpg" style="position: absolute; top: -9999px;"/>
<img id="fg_1" class="fg_image" src="" style="visibility: hidden;"/>
<img id="fg_2" class="fg_image" src="" style="visibility: hidden;"/>
<img id="fg_3" class="fg_image" src="" style="visibility: hidden;"/>
<script type="text/javascript">
    $('#bg_preload').load(function() 
    {
        $('.fg_image').each(function() 
        {
            this.src = 'path/to/image.gif';
            this.style.visibility = 'visible';
        });
    });
</script>

回复收藏 0 原文