Hola herni, bienvenido a los foros
:
Para lo que quieres tendrías que poner en el value de cada option los dos ficheros (la miniatura y la que se vría en el popup) y de alguna manera pasarle al tag img la URL de la grande, puedes crearte atributos o usar alguno estándar del tag img como alt o title.
Prueba esto:
<SELECT NAME="lista" SIZE=1 onChange ="document.images["imagen"].src=this.value.split(',')[0]; document.images["imagen"].alt=this.value.split(',')[1]">
<OPTION VALUE="../img/TS0001BLK_peq.jpg,../img/TS0001BLK_gra.jpg" selected>black</option>
<OPTION VALUE="../img/TS0001ARM_peq.jpg,../img/TS0001ARM_gra.jpg">army</option>
<OPTION VALUE="../img/TS0001NVY_peq.jpg,../img/TS0001NVY_gra.jpg">navy</option>
<OPTION VALUE="../img/TS0001ORG_peq.jpg,../img/TS0001ORG_gra.jpg">orange</option>
<OPTION VALUE="../img/TS0001RED_peq.jpg,../img/TS0001RED_gra.jpg">red</option>
</SELECT>
y en la imagen:
<IMG SRC="../img/TS0001BLK_peq.jpg" NAME="imagen" WIDTH=179 HEIGHT=161 BORDER=0 class="mano" onclick="ampliar(this.alt,'width=600,height=600')" >
Y para terminar la función ampliar sería:
function ampliar(foto, opciones) {
ventana = window.open("", "", opciones);
ventana.document.open();
ventana.document.write("<html><body style='background-image:url(" + foto + ")' ></body></html>");
ventana.document.close();
}
No lo he probado, pero espero que te sirva.
Saludos
