Problema con InnerHTML

[cadrogui]

hola, estoy tratando de cargar una imagen en un div mediante innerhtml, pero no me funciona, les dejo el code.

Código HTML:

<script type="application/javascript">

	function carga(pic){
		
		var url = "http://www.eltiempo.com/blogs/caja_de_resonancia/" + pic;
		document.getElementById('fotos').innerHTML = url ;
	
	}
</script> 

en el enlace pongo lo siguiente:

Código HTML:

onclick="carga('Gibson-Les-Paul-Classic.jpg');"

gracias.

[Nano_]

Saludos

EDITADO: de esa forma no te funcionara ya que el div solo te mostrara la url

Deberia ser algo de este estilo

Código Javascript:

function carga(pic){
        
        var url = "http://www.eltiempo.com/blogs/caja_de_resonancia/" + pic;
        document.getElementById('fotos').innerHTML = "<img src="+url+"></img> ";
    
    }
 
<div id="fotos"></div>
 

[cadrogui]

muchas gracias!!! funciona perfecto!!

saludos