 |
|
|
|
|
|
|
|
|
,ניתן לטעון את התמונות
לפי סדר הרצוי לנו כחלק מעיצוב הדף
<title>web.blazonry : JavaScript Image Load-Order</title>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
//-->
</script>
<script language="JavaScript">
<!--
//------------------------------------------
//
// JavaScript Image Load-Order
// Marcus Kazmierczak
// marcus@mkaz.com
//
// http://www.blazonry.com/web/javascript/
//
//------------------------------------------
var imgArray = new Array("b2","c2","c1","b1","a1","a2","a3","b3","c3");
var len = imgArray.length
var imgDir = "";
var num = 0;
for (i = 0; i < len; i++) {
imageObj1 = imgArray[i] + "";
temp = eval(imageObj1 + " = new Image()");
temp.src = imgDir + imageObj1 + ".jpg";
}
function StartCycle() {
eval("document."+imgArray[num]+".src = "+imgArray[num]+".src");
num = num + 1;
if (num < len) {
setTimeout("StartCycle()", 1000);
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" link="#000099" vlink="#000099" onLoad="StartCycle()">
<table width="100%" cellpadding="1" cellspacing="0"
border="0">
<tr><td valign=top>
<p><font size="+2">JavaScript Image Load-Order</font><br>
By: Marcus Kazmierczak, marcus@mkaz.com</p>
</td>
<td align=right valign=top><a href="javascript: self.close()"><small>Close
Window</small></a></td>
</tr></table>
<table cellspacing=3 cellpadding=3 border=2>
<tr>
<td><img src="blank.gif" name="a1" width=199
height=140></td>
<td><img src="blank.gif" name="a2" width=199
height=140></td>
<td><img src="blank.gif" name="a3" width=199
height=140></td>
</tr>
<tr>
<td><img src="blank.gif" name="b1" width=199
height=140></td>
<td><img src="blank.gif" name="b2" width=199
height=140></td>
<td><img src="blank.gif" name="b3" width=199
height=140></td>
</tr>
<tr>
<td><img src="blank.gif" name="c1" width=199
height=140></td>
<td><img src="blank.gif" name="c2" width=199
height=140></td>
<td><img src="blank.gif" name="c3" width=199
height=140></td>
</tr>
</table>
</body>
</html>