图像选择表单

这 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>标记之后。

    

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

 

就是如此简单!
请享用