这 DHTML 脚本是个展示系列图像的好途径。允许不同面积的 gif 或 jpg 图像相容。

选择一个图像

图像一 图像二 图像三 图像四 图像五

 

安装：

步骤一  拷贝以下代码贴在网页的BODY范围内需要展示图像选择器的部位。

<form name="dynamicselector">
<b>Select an Image</b><p>
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="178">
<tr>
<td width="35%" valign="top" align="left">
<select name="dynamicselector2" size="5" onChange="generateimage(this.options[this.selectedIndex].value)">

<option value="tx1.gif">图像一</option>
<option value="tx2.jpg">图像二</option>
<option value="tx3.gif">图像三</option>
<option value="tx4.gif">图像四</option>
<option value="tx5.jpg">图像五</option>
</select>
</td>
<td width="65%" valign="top" align="left"><ilayer id="dynamic1" width=100% height=178><layer id="dynamic2" width=100% height=178><div id="dynamic3"></div></layer></ilayer></td>
</tr>
</table>
</form>

数值5是选择箱内的展现的选项数目。若数值少於所提供选择的图像总数，右边将会自动出现滚轴。

图像文件名称 (绿色)可任由更换。图像名称 (褐色)是选择箱内所展示的。

您可任意增减供选择的图像。

步骤二  拷贝以下代码贴在紧跟上述代码的</form>标记之后。

    
<script> var tempobj=document.dynamicselector.dynamicselector2 function generateimage(which){ if (document.all){ dynamic3.innerHTML='<center>Loading image...</center>' dynamic3.innerHTML='<img src="'+which+'">' } else if (document.layers){ document.dynamic1.document.dynamic2.document.write('<img src="'+which+'">') document.dynamic1.document.dynamic2.document.close() } else alert('You need NS 4 or IE 4 to view the images!') } function generatedefault(){ generateimage(tempobj.options[tempobj.options.selectedIndex].value) } if (document.all||document.layers){ if (tempobj.options.selectedIndex!=-1) window.onload=generatedefault } </script>

图像必须与网页置於同一个文件夹内。

 

就是如此简单！
请享用