Hola otra vez:
He revisado los códigos y he encontrado algunos errores:
En mi primera respuesta anidé mal las comillas del evento:
<SELECT NAME="lista" SIZE=1 onChange ="document.images["imagen"].src=this.value.split(',')[0]; document.images["imagen"].alt=this.value.split(',')[1]">
Debería ser:
<SELECT NAME="lista" SIZE=1 onChange ="document.images['imagen'].src=this.value.split(',')[0]; document.images['imagen'].alt=this.value.split(',')[1]">
Luego los "option" deben tener una sóla cadena
<OPTION VALUE="../img/TS0001BLK_peq.jpg","../img/TS0001BLK_gra.jpg" selected>black</option>
Debería ser:
<OPTION VALUE="../img/TS0001BLK_peq.jpg,../img/TS0001BLK_gra.jpg" selected>black</option>
A partir de esos arreglos, en la imagen se cambia el src y el alt...
Por eso en el evento onclick de la imagen se pasa como parámetro el atributo alt de la imagen (Si quieres que alt no varía tendrías que usar otro atributo... pero eso lo podemos dejar para otro momento)
Ahora si quieres que se abran las páginas que tienes ya hechas, pon en los values de los options la URL de la página detrás de la primera coma, y la función ampliar quedaría:
function ampliar(foto, opciones) {
ventana = window.open(foto, "", opciones);
}
Saludos
