Variable javascript para llamar a una imagen

[joss23]

¡Buenas tardes foreros!

Mi duda es la siguiente...

Tengo una función de javascript que muestra una imagen u otra dependiendo del valor de una variable. El código es el siguiente:

Código:

function mostrarimagen(){

var imagen = "  "

switch(variable)
	 
	 { case "1": imagen = 'abc.jpg'; break;
	    case "2": imagen = 'def.jpg'; break;
	    case "3": imagen = 'ghi.jpg'; break;
	    case "4": imagen = 'jkl.jpg'; break;
	    case "5": imagen = 'mno.jpg'; break; };

document.write('<img src"valor de 'imagen'" width="50" height="50">');

}

Ésta es la idea, dependiendo de una primera variable a la que anteriormente se le habrá dado valor se deberá mostrar una imagen u otra. Como he visto que no se puede indicar directamente que src sea igual a la variable he estado probando con getElementById, de la siguiente forma:

Código:

function mostrarimagen(){

var imagen = "  "

switch(variable)
	 
	 { case "1": imagen = 'abc.jpg'; break;
	    case "2": imagen = 'def.jpg'; break;
	    case "3": imagen = 'ghi.jpg'; break;
	    case "4": imagen = 'jkl.jpg'; break;

document.getElementById("myPhoto").src=imagen;

document.write('<img id="myPhoto" width="50" height="50">');

}

Pero no me funciona...He probado también poniendo document.getElementById("myPhoto").setAttribute("s rc",imagen); y tampoco funciona.

Algun error estoy cometiendo pero soy principiante y no lo veo.. ¿alguien puede ayudarme?

¡Muchas gracias de antemano!