Question

我在Page_Load（）事件中将一些图像添加到数据库的div中。将鼠标悬停在其中一个黑白图像上时，会看到彩色图像。我想预先加载彩色图像，但我遇到了问题。我当前的代码循环遍历所有图像，并添加以下内容：

<script type="text/javascript">
<!-- 
$(document).ready(function() { 
    $("<img />").attr("src", "%s").load(function(){ 
        $("body").append($(this)); 
    }); 
});
--></script>

到RegisterClientScriptBock，其中%s是图片的路径。我尝试过，无需将其附加到身体上，但似乎都没有效果。从我所看到的，这似乎是预加载图像的方式，但我对其他建议持开放态度。我有问题因为我是在飞行吗？

感谢。

Answer 1

您是否考虑过创建一个绝对定位于-10000px左侧和顶部，高度/宽度为1px的div，然后使用html将所有图像抛出？我不确定为什么你需要为这个使用js。

Answer 2

也许这会有所帮助？

http://www.yourhtmlsource.com/images/preloading.html

<script type="text/javascript">
<!-- hide from non JavaScript Browsers

Image1= new Image(150,20)
Image1.src = "pic1.gif"

Image2 = new Image(10,30)
Image2.src = "pic2.gif"

Image3 = new Image(72,125)
Image3.src = "pic3.gif"

// End Hiding -->
</script>

Image1 = new Image是为图像设置新脚本效果的第一步
（150,20）分别是此图像的宽度和高度
Image1.src =“pic1.gif”给出了图像的来源。

使用JQuery预加载动态添加的图像

2 个答案: