我是JQuery的新手,我正在尝试用它做一个概念验证.我正在尝试使用JQuery:1)下载一个大的(> 500kb)图像文件2)将图像设置为下载时元素的背景3)淡入它(基本上是Bing.com的方式).在StackOverflow的社会慷慨地帮助了我大部分的方式,通过这个问题,如图所示这里.但是,我仍然有一个我无法弄清楚的问题.
如何使下载的图像成为HTML元素的背景图像？我在http://jqueryfordesigners.com/image-loading/上看到的代码将图像元素附加到DIV.但是,我想将图像设置为DIV的背景图像,一旦下载并淡入其中.这可能吗？我似乎继续围绕这个问题.谢谢.
将额外的div(with width: 100%; height: 100%)放入#loader:<div id="loader"><div class="image"></div></div>.
然后,而不是$("#loader").append(this);你应该喜欢的东西$("#loader div.image").css("background","url(images/headshot.jpg) no-repeat 0 0");.这样,img元素将在文档树中保持不可见,但是背景 - 希望缓存,至少大多数浏览器都会这样做 - 将显示在div中.
然后,最后,用你的内部div做影响.fadeIn().
我自己没试过,但必须是这样的.