Que tal!
Sí, la solución es correcta.
El problema era que estabas intentando acceder a un elemento HTML que aún no existía.
Por lo que primero debías crear el elemento:
Código:
document.write('<img id="myPhoto" width="50" height="50">');
Y luego acceder a él:
Código:
document.getElementById("myPhoto").src=imagen;
Código final:
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.write('<img id="myPhoto" width="50" height="50">');
document.getElementById("myPhoto").src=imagen;
}
Saludos!