預加載的圖像使用JQuery動態添加

我在Page_Load（）事件中將一些圖像添加到數據庫的div中。當您懸停在這些黑白圖像之一上時，您會看到彩色圖像。我想預加載彩色圖像，但遇到問題。我當前的代碼遍歷所有的圖像，並增加了以下內容：預加載的圖像使用JQuery動態添加

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

到RegisterClientScriptBock其中%s是圖片路徑。我嘗試過，並且沒有將它附加到身體上，但似乎都不起作用。從我所看到的，這似乎是預加載圖像的方式，但我願意接受其他建議。我有問題，因爲我正在飛行中嗎？

謝謝。

來源

2011-02-28 webnoob

你有沒有想過創建一個絕對定位-100萬像素的div，頂部，高度/寬度1px，然後用html將所有圖像扔到那裏？我不知道爲什麼你需要使用js這個。

來源

2011-02-28 09:45:14 Matrym

我試過這種方法，但它似乎不適合我。我可以在源代碼和圖像中看到div，但是當我第一次將鼠標懸停在我的黑白圖像上（完全刷新後）時，圖像不會立即顯示出來。當我將鼠標懸停在其上時，它第二次正常工作.. – webnoob 2011-02-28 10:27:39

似乎現在正在工作。瀏覽器問題，我想。 – webnoob 2011-02-28 11:37:23

也許這將有幫助嗎？

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 =新的圖像是設置新的腳本效果用於圖像
（150,20）的第一步驟是寬度和高度，分別此圖片
Image1.src =「pic1.gif」給出圖像的來源。

來源

2011-02-28 09:47:51

是的，您可以將圖像加載到內存中，而無需將它們放入DOM中。您也不需要指定尺寸。循環使用'new Image（）。src =「pic.gif」'可以正常工作。 – johnhunter 2011-02-28 10:01:00

預加載的圖像使用JQuery動態添加

回答

相關問題