如何使用razor语法的JavaScript预加载图像？

Question

I have tried in the following way for image preloading using 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>

But not getting any idea.How can i call JavaScript function in HTML .And how can i use preloaded images for further processing.I am trying it in asp.net mvc 3 Razor 但是我一无所知。我该如何在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>

Which you could place in the <body> of your document (anywhere). 您可以将其放置在文档的<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