اختر أي صورة لتظهر
طريقة التركيب
انسخ كاملاً و ضعه بعد الوسم BODY و عدل للذي يناسبك <form
name="dynamicselector">
<table border="0" width="250" cellspacing="0" cellpadding="0"
height="60">
<tr>
<td width="35%" valign="top" align="left">
<select name="dynamicselector2" size="1"
onChange="generateimage(this.options[this.selectedIndex].value)">
<option value="" selected>اختر الصورة</option>
<option value="036.gif">صورة رقم 1</option>
<option value="103.gif">صورة رقم 2</option>
<option value="105.gif">صورة رقم 3</option>
<option value="131.gif">صورة رقم 4</option>
<option value="216.gif">صورة رقم 5</option>
</select>
<script>
/*
Dynamic Image selector Script-
© Dynamic Drive (
www.dynamicdrive.com)For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
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!');
}
</script>
</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>