On my site, I use a dynamic image selector code for my screenshots section which lets people have easy browsing through the images. The problem is, the menu box from which you select the pictures looks nothing like my site and I want to fix that, here is the section of my site: http://www.geocities.com/snypanemo04/screens.html
And here is the code I am using:

<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="http://www.game-revolution.com/previews/screens/mgs2/mgs2_7b.jpg" selected>Screen 1</option>
<option value="http://www.game-revolution.com/previews/screens/mgs2/mgs2_10b.jpg">Screen 2</option>
<option value="http://www.game-revolution.com/previews/screens/mgs2/mgs2_9b.jpg">Screen 3</option>
<option value="http://www.game-revolution.com/previews/screens/mgs2/mgs2_5b.jpg">Screen 4</option>
<option value="http://www.game-revolution.com/previews/screens/mgs2/mgs2_6b.jpg">Screen 5</option>
<option value="http://www.game-revolution.com/previews/screens/mgs2/mgs2_4b.jpg">Screen 6</option>
<option value="http://www.game-revolution.com/previews/screens/mgs2/mgs2_2b.jpg">Screen 7</option>
<option value="http://www.game-revolution.com/previews/screens/mgs2/mgs2_3b.jpg">Screen 8</option>
<option value="http://www.game-revolution.com/previews/screens/mgs2/mgs2_8b.jpg">Screen 9</option>
<option value="http://www.game-revolution.com/previews/screens/mgs2/mgs2_12b.jpg">Screen 10</option>
<option value="http://www.ndorgs.com/mgs3/SnakeEater/01.jpg">Screen 11</option>
<option value="http://www.ndorgs.com/mgs3/SnakeEater/02.jpg">Screen 12</option>
<option value="http://www.ndorgs.com/mgs3/SnakeEater/03.jpg">Screen 13</option>
<option value="http://www.ndorgs.com/mgs3/SnakeEater/04.jpg">Screen 14</option>
<option value="http://www.ndorgs.com/mgs3/SnakeEater/05.jpg">Screen 15</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>

//
//
//

//enter image descriptions ("" for blank)
var description=new Array()

description[0]=""
description[1]=""
description[2]=""
description[3]=""
description[4]=""
description[5]=""
description[6]=""
description[7]=""
description[8]=""
description[9]=""
description[10]=""
description[11]=""
description[12]=""
description[13]=""
description[14]=""


var ie4=document.all
var ns6=document.getElementById
var tempobj=document.dynamicselector.dynamicselector2
if (ie4||ns6)
var contentobj=document.getElementById? document.getElementById("dynamic3"): document.all.dynamic3
function generateimage(which){
if (ie4||ns6){
contentobj.innerHTML='<center>Loading image...</center>'
contentobj.innerHTML='<center><img src="'+which+'"><br><br>'+description[tempobj.options.selectedIndex]+'</center>'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<center><img src="'+which+'"><br><br>'+description[tempobj.options.selectedIndex]+'</center>')
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 (ie4||ns6||document.layers){
if (tempobj.options.selectedIndex!=-1){
if (ns6)
generatedefault()
else
window.onload=generatedefault
}
}

</script>