如何使用JavaScript在剃刀語法中預加載圖像？

我以下列方式曾嘗試使用JavaScript如何使用JavaScript在剃刀語法中預加載圖像？

<script type="text/javascript">    
    function preloader() { 

    heavyImage = new Image(); 

     heavyImage.src = "../../Images/WFS_Homepage_GlobalServerNetwork_Transparent.jpg"; 

    }    
</script> 

<body onload="javascript:preloader()" > 

<a href="#" onmouseover="javascript:document.img01.src='../../Images/WFS_Homepage_GlobalServerNetwork_Transparent.jpg"> 
<img src="../../Images/index.jpg" name="img01" /> 
</a>

圖像預壓，但沒有得到任何idea.How我可以調用JavaScript函數的HTML。而如何使用預裝的圖像進行進一步processing.I正在嘗試它在asp.net MVC 3剃鬚刀

來源

2013-10-04 Laxmi

你究竟想在這裏完成什麼？ – Pavlo

在剃刀中不支持爲什麼當我調用html中的函數 – Laxmi

'onload'時，如果函數調用[當文檔已經*完成加載]（https：//developer.mozilla。 org/en-US/docs/Web/HTML/Element/body＃attr-onload），在這一點上「預加載」任何東西都是沒有意義的。 – Pavlo

<script> 
    var preloadImages = [ 
     '@Url.Content("~/Content/img/firstImage.jpg")', 
     '@Url.Content("~/Content/img/secondImage.jpg")', 
     '@Url.Content("~/Content/img/thirdImage.jpg")', 
     ], 
     images = []; 
    for (var i = 0; i < preloadImages.length; i++){ 
    var img = new Image(); 
    img.src = preloadImages[i]; 
    images.push(img); 
    } 
</script>

，你可以在你的文檔（任意位置）的<body>地方。

來源

2013-10-04 12:38:19

我如何使用這些預加載的圖像，即在鼠標懸停如何顯示這些從瀏覽器緩存預加載的圖像 – Laxmi

如何下載這些預加載的圖像在asp.net mvc 3 – Laxmi

像圖像我們如何使用java腳本預加載字體。有沒有人有想法？ – Laxmi

如何使用JavaScript在剃刀語法中預加載圖像？

回答

相關問題