如何使用razor語法的JavaScript預加載圖像？

Question

我已經嘗試過以下方式使用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>

但是我一無所知。我該如何在HTML中調用JavaScript函數，以及如何使用預加載的圖像進行進一步處理。我正在asp.net mvc 3 Razor中進行嘗試

Answer 1

<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>中（任何位置）。

如何使用razor語法的JavaScript預加載圖像？

問題描述

1 個解決方案

解決方案1
0 2013-10-04 12:38:19

如何使用razor語法的JavaScript預加載圖像？

問題描述

1 個解決方案

解決方案1 0 2013-10-04 12:38:19

解決方案1
0 2013-10-04 12:38:19