IMAGE SELECTOR

Penerangan : Script ini membolehkan kita melihat imej dengan senang tanpa membuka satu lagi browser untuk melihat imej.. Imej akan keluar dalam browser itu sahaja..

Pencipta : Dynamic Drive.

Demo :

CARANYA

Masukkan code ini ke bahagian mana yang anda ingin ia kelihatan..

<form name="dynamicselector"> <table border="0" width="100%" cellspacing="0" cellpadding="0" height="178"> <tr> <td width="35%" valign="top" align="left"> <select name="dynamicselector2" size="4" onChange="generateimage(this.options[this.selectedIndex].value)"> <option value="javacorner.jpg" selected>Logo</option> <option value="madfish2.jpg">Madfish</option> <option value="plane.gif">Plane</option> <option value="hand.gif">Hand</option> <option value="cake.gif">Pie</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> <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 */ 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>

Script ini mudah untuk diselengarakan.. Anda hanya perlu mengubahnya pada bahagian <option> dan gantikan imej sedia ada dengan imej anda..