JavaScript图像

36 读取图像属性

1 <img src="/”image1.jpg"” name=”myImage”>
2 <a href=”# ” onClick=”window.alert(document.myImage.width)”>Width</a>

37 动态加载图像

1<script language=”JavaScript”>
2 myImage = new Image;
3 myImage.src = “Tellers1.jpg”;
4</script> 

38 简单的图像替换

 1<script language=”JavaScript”>
 2 rollImage = new Image;
 3 rollImage.src = “rollImage1.jpg”;
 4 defaultImage = new Image;
 5 defaultImage.src = “image1.jpg”;
 6</script>
 7 <a href="/”myUrl"” onMouseOver=”document.myImage.src = rollImage.src;”
 8 onMouseOut=”document.myImage.src = defaultImage.src;”>
 9 <img src="/”image1.jpg"” name=”myImage” width=100 height=100 border=0> 10

39 随机显示图像

 1<script language=”JavaScript”>
 2 var imageList = new Array;
 3 imageList[0] = “image1.jpg”;
 4 imageList[1] = “image2.jpg”;
 5 imageList[2] = “image3.jpg”;
 6 imageList[3] = “image4.jpg”;
 7 var imageChoice = Math.floor(Math.random() * imageList.length);
 8 document.write(‘<img src=”’ + imageList[imageChoice] + ‘“>’);
 9</script> 

40 函数实现的图像替换

 1<script language=”JavaScript”>
 2  var source = 0;
 3  var replacement = 1;
 4 

41 创建幻灯片

 1
 2<script language=”JavaScript”>
 3 var imageList = new Array;
 4 imageList[0] = new Image;
 5 imageList[0].src = “image1.jpg”;
 6 imageList[1] = new Image;
 7 imageList[1].src = “image2.jpg”;
 8 imageList[2] = new Image;
 9 imageList[2].src = “image3.jpg”;
10 imageList[3] = new Image;
11 imageList[3].src = “image4.jpg”;
12

42 随机广告图片

 1<script language=”JavaScript”>
 2 var imageList = new Array;
 3 imageList[0] = “image1.jpg”;
 4 imageList[1] = “image2.jpg”;
 5 imageList[2] = “image3.jpg”;
 6 imageList[3] = “image4.jpg”;
 7 var urlList = new Array;
 8 urlList[0] = “http://meil.cnblogs.com”;
 9 urlList[1] = “http://meil75.bokee.com”;
10 urlList[2] = “http://blog.csdn.net/meil/”;
11 urlList[3] = “http://meil.cnblogs.com/archive/2006/07/27/460520.html#461233”;
12 var imageChoice = Math.floor(Math.random() * imageList.length);
13 document.write(‘<a href=”’ + urlList[imageChoice] + ‘“><img src=”’ + imageList[imageChoice] + ‘“></a>’);
14</script>