Menu com imagens

Quer um destes ? Pegue o código, cole-o em HTML/Javascript e faça as mudanças onde é pedido.




Pegar código

<form name="dynamicselector">
<table border="0" width="35%" cellspacing="10" cellpadding="10" height="178">
<tr>
<td valign="top" width="35%" align="left">
<select onchange="generateimage(this.options[this.selectedIndex].value)" name="dynamicselector2" size="14">




<option value="AQUI O ENDEREÇO DE SUA IMAGEM 0"/>NOME 0
<option value="AQUI O ENDEREÇO DE SUA IMAGEM 1"/>NOME 1
<option value="AQUI O ENDEREÇO DE SUA IMAGEM 2"/>NOME 2
<option value="AQUI O ENDEREÇO DE SUA IMAGEM 3"/>NOME 3
<option value="AQUI O ENDEREÇO DE SUA IMAGEM 4"/>NOME 4
<option value="AQUI O ENDEREÇO DE SUA IMAGEM 5"/>NOME 5
<option value="AQUI O ENDEREÇO DE SUA IMAGEM 6"/>NOME 6
<option value="AQUI O ENDEREÇO DE SUA IMAGEM 7"/>NOME 7
<option value="AQUI O ENDEREÇO DE SUA IMAGEM 8"/>NOME 8
</select>
</td>
<td valign="up" width="65%" align="left"><ilayer id="dynamic1" width="100%" height="78"><layer id="dynamic2" width="100%" height="78"><div id="dynamic3"></div></layer></ilayer></td>
</tr>
</table>
</form>




<script>




//DESCRIÇÃO DAS FOTOS ABAIXO ("" for blank)
var description=new Array()
description[0]="NOME 0"
description[1]="NOME 1"
description[2]="NOME 2"
description[3]="NOME 3"
description[4]="NOME 4"
description[5]="NOME 5"
description[6]="NOME 6"
description[7]="NOME 7"
description[8]="NOME 8"




var ie4=document.all
var ns6=document.getElementById
var tempobj=document.dynamicselector.dynamicselector2
if (ie4ns6)
var contentobj=document.getElementById? document.getElementById("dynamic3"): document.all.dynamic3
function generateimage(which){
if (ie4ns6){
contentobj.innerHTML='<center>carregando imagem...</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 (ie4ns6document.layers){
if (tempobj.options.selectedIndex!=-1){
if (ns6)
generatedefault()
else
window.onload=generatedefault
}
}




</script>