使用JavaScript加载图像到图像控制

本文关键字：图像 控制 加载 JavaScript 使用 | 更新日期: 2023-09-27 17:52:38

现在我需要将显示图像更改为图像控制。帮我个忙吗?

var imlocation1 = "Bhopal/";
var currentdate1 = 0;
var image_number1 = 0;
function ImageArray1(n) {
 this.length = n;
                   for (var i = 1; i <= n; i++) {
                       this[i] = ' '
                   }
               }
               image1 = new ImageArray1(3)
               image1[0] = '2.jpg'
               image1[1] = '4.jpg'
               image1[2] = '1.jpg'
               var rand1 = 100/ image1.length
               function randomimage1() {
                   currentdate1 = new Date()
                   image_number1 = currentdate1.getSeconds()
                   image_number1 = Math.floor(image_number1 / rand1)
                   return (image1[image_number1])
               }
               document.write("<img src='" + imlocation1 + randomimage1() + "'>");

使用JavaScript加载图像到图像控制

"Img"元素的"src"属性指向服务器上的图像。所以你需要找到"img"元素，如果找到，设置src属性。

整个问题的基本搜索http://www.bing.com/search?q=I+Load+an+Image+to+an+Image+Control+using+JavaScript&src=IE-SearchBox&FORM=IE8SRC给出以下链接:http://www.javascriptexamples.org/2011/01/18/how-to-dynamically-load-an-image-using-javascript/

上面链接的示例:

 <div id="imageContainer"></div>
var img = document.createElement("img");
img.onload = function(e) {
    var container = document.getElementById("imageContainer");
    container.appendChild(e.target);
}
img.setAttribute("src","images/puppy.jpg");

$("#YourImageId").attr("src", "ImagePath")

如果你使用webforms -可能

$("#<%=YourImageServerId.ClientID%>")

如果它没有帮助-张贴一些代码或一些更多的信息到你的问题

控件的概念实际上只存在于服务器端。在这种情况下，Javascript只运行在客户端浏览器上。一旦服务器呈现图像控件，您就会在客户端得到一个IMG标记。如果你用ID或CSS类标记它，你可以用Javascript(或者更好的是像JQuery这样的库)找到它，并加载图像到它上面。

相关文章：