Me tome la libertad de hacer lo que quieres pero a partir de las recomendaciones que te menciono. Puedes
ver la muestra aqui.
La funcion del javascript es esta:
Código HTML:
function selectImage (idSel,idLis)
{
var slct = document.getElementById(idSel);
var imgs = document.getElementById(idLis).getElementsByTagName('img');
//
for (var i = 0; i < imgs.length; i++)
{
imgs[i].style.display = 'none';
slct.options[i] = new Option (imgs[i].alt,i);
}
//
imgs[0].style.display = 'block';
//
slct.onchange = function ()
{
for (var i = 0; i < imgs.length; i++) imgs[i].style.display = 'none';
imgs[this.value].style.display = 'block';
}
}
Cuando revises el source de la muestra notaras que las imagenes tienen alt. Asegurate que en el trabajo que apliques esta funcion le pongas alt a las imagenes, porque el js los asume como titulos para el select. Ademas, al poner los alt estas cumpliendo con una de las reglas basicas recomendadas por la W3C.
Espero que te sirva.