1

我已经尝试通过以下方式使用 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 中尝试它

4

1 回答 1

0 
<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-04T12:38:19.967 回答