js 图像操读取图像属性

1 读取图像属性

1. "JavaScript">
2.        myImage = new Image;
3.        myImage.src = "Tellers1.jpg";

Width

2 动态加载图像

1. "JavaScript">
2.        rollImage = new Image;
3.        rollImage.src = "rollImage1.jpg";
4.        defaultImage = new Image;
5.        defaultImage.src = "image1.jpg";

3 简单的图像替换


      

4 随机显示图像

1. "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('">');

5 函数实现的图像替换

1. "JavaScript">
2.        var source = 0;
3.        var replacement = 1;
4.        function createRollOver(originalImage,replacementImage) {
5.              var imageArray = new Array;
6.              imageArray[source] = new Image;
7.              imageArray[source].src = originalImage;
8.              imageArray[replacement] = new Image;
9.              imageArray[replacement].src = replacementImage;return imageArray;
10.              }
11.        var rollImage1 = createRollOver("image1.jpg","rollImage1.jpg");

      

6 创建幻灯片

1. "JavaScript">
2.        var imageList = new Array;
3.        imageList[0] = new Image;
4.        imageList[0].src = "image1.jpg";
5.        imageList[1] = new Image;imageList[1].src = "image2.jpg";
6.        imageList[2] = new Image;imageList[2].src = "image3.jpg";
7.        imageList[3] = new Image;imageList[3].src = "image4.jpg";
8.        function slideShow(imageNumber) {
9.              document.slideShow.src = imageList[imageNumber].src;
10.              imageNumber += 1;if (imageNumber < imageList.length) {window.setTimeout("slideShow(" + imageNumber + ")",3000);}
11.        }

7 随机广告图片

1. "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://some.host/";
9.        urlList[1] = "http://another.host/";
10.        urlList[2] = "http://somewhere.else/";
11.        urlList[3] = "http://right.here/";
12.        var imageChoice = Math.floor(Math.random() * imageList.length);
13.        document.write('">"’ + imageList[imageChoice] + '">');