SoFunction
Updated on 2025-04-13

js usage methods and functions Summary page 3/4


36 Read image properties
1: <img src="/""" name="myImage">
2: <a href="# " onClick="()">Width</a>
3:
37 Dynamically loading images
1: <script language="JavaScript">
2: myImage = new Image;
3: = “";
4: </script>
38 Simple image replacement
1: <script language="JavaScript">
2: rollImage = new Image;
3: = “";
4: defaultImage = new Image;
5: = “";
6: </script>
7: <a href="/"myUrl"" onMouseOver=" = ;"
8: onMouseOut=" = ;">
9: <img src="/""" name="myImage" width=100 height=100 border=0>
39 Random display of images
1: <script language="JavaScript">
2: var imageList = new Array;
3: imageList[0] = “";
4: imageList[1] = “";
5: imageList[2] = “";
6: imageList[3] = “";
7: var imageChoice = (() * );
8: (‘<img src="' + imageList[imageChoice] + ‘“>');
9: </script>
40 Function-implemented image replacement
1: <script language="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;
10: return imageArray;
11: }
12: var rollImage1 = createRollOver(“","");
13: </script>
14: <a href="#" onMouseOver="document. = rollImage1[replacement].src;"
15: onMouseOut="document. = rollImage1[source].src;">
16: <img src="/""" width=100 name="myImage1" border=0>
17: </a>
41 Create a slide
1: <script language="JavaScript">
2: var imageList = new Array;
3: imageList[0] = new Image;
4: imageList[0].src = “";
5: imageList[1] = new Image;
6: imageList[1].src = “";
7: imageList[2] = new Image;
8: imageList[2].src = “";
9: imageList[3] = new Image;
10: imageList[3].src = “";
11: function slideShow(imageNumber) {
12: = imageList[imageNumber].src;
13: imageNumber += 1;
14: if (imageNumber < ) {
15: (“slideShow(“ + imageNumber + “)",3000);
16: }
17: }
18: </script>
19: </head>
20: <body onLoad="slideShow(0)">
21: <img src="/""" width=100 name="slideShow">
42 Random Advertising Pictures
1: <script language="JavaScript">
2: var imageList = new Array;
3: imageList[0] = “";
4: imageList[1] = “";
5: imageList[2] = “";
6: imageList[3] = “";
7: var urlList = new Array;
8: urlList[0] = “http:///";
9: urlList[1] = “http:///";
10: urlList[2] = “/";
11: urlList[3] = “https:///";
12: var imageChoice = (() * );
13: (‘<a href="' + urlList[imageChoice] + ‘“><img src="' + imageList[imageChoice] + ‘“></a>');
14: </script>
Previous page1234Next pageRead the full text