1
$("#body-background").ezBgResize();
$("#nav").animate({
left: "-725px"
}, 800, "easeOutCirc");
$("#page .home").animate({
right: "0px"
}, 800, "easeOutCirc");
这实质上是我的代码。在触发动画之前等待图像加载并调整大小?
第一行使用jQuery的简单背景调整大小:(参考:http://johnpatrickgiven.com/jquery/background-resize/)
在HTML,你把这样的事情:
<!-- This gets positioned absolutely so place it anywhere. -->
<div id="body-background"><img src="image/bg.jpg" alt="Bg"></div>
我遇到的问题是图像取只要第一次加载,动画就不会触发......并跳到最后。无论如何,我可以延迟动画,直到调整大小完成后?
在此先感谢。
编辑:http://jsc.yondershorecreative.com/
-1 4.2MB PIC(开个玩笑)+1 – 2011-02-10 15:45:05