jquery - 加载图像时显示文本

Question

我正在制作一个带有完整背景滑块的网站，所以图像有点大。我想要一个脚本，在加载背景图像时显示一些带有动画效果的文本。我已经搜索过这个，但没有成功。有人可以进一步帮助我吗？

谢谢！

Answer 1

默认显示文本，删除它$(img).load()。使用 .为文本添加动画效果.animate()。如果您更改图片，请再次插入spanLoading并重复这些步骤。

<div>
    <img src="book.png" alt="Book" id="book" />
    <span id="spanLoading">Loading...</span>
</div>


<script type="text/javascript">
    $(function(){
        //animate loading text
        $("#spanLoading").animate({left: '+=50'},500); 

        //On img loaded, remove loading text
        $("#book").load(){
            $("#spanLoading").remove();
        }
    });
</script>

Answer 2

我认为您必须使用该功能动态加载背景图像

 $(function()){
   $("#background").attr('src','your_image here');
 }

并在您的 hTML 代码中将动画图像设置为默认背景

那么你就会有你的效果。