I'm guessing this is a pretty easy problem to fix, but I can't find any code that will do what I need.

I have a group of images (all different sizes). Each image will have a corresponding text link. I need to be able to click on one of the text links and display the corresponding image in a separate div.

I found this example on Dynamic Drive, and it works, but the text links in this case are in a select box. If there is an easy way to just convert the select box links to plain text links, that would be ideal.

Code:
<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="images/menus/mandarin-house-chef-special-01-sm.jpg" selected>DHTML Guide</option>
            <option value="images/menus/mandarin-house-chef-special-02-sm.jpg">DHTML QuickStart</option>
            <option value="images/menus/mandarin-house-chef-special-03-sm.jpg">HTML4</option>
            <option value="http://images.amazon.com/images/P/1861001746.01.TZZZZZZZ.jpg">IE5 DHTML</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, visit dynamicdrive.com

//enter image descriptions ("" for blank) this text appears under the image
var description=new Array()
description[0]="DHTML: The Definitive Guide"
description[1]="DHTML Visual QuickStart Guide"
description[2]="HTML 4 and DHTML"
description[3]="IE5 DHTML Reference"

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>
Or if anyone has a better suggestion (I know the above code is really old), I'd be open to that as well.

Thanks in advance,

Steve