Hola, soy nuevo en javascript (este es el primer paso que doy) y he encontrado que puedo poner el siguiente código para, al hacer click en una imagen, que me cargue otra en una capa nueva.
function mostrar(foto) {
document.getElementById('marco').style.background = 'url("foto")';
}
Se que la función funciona, porque si pongo
function mostrar(foto) {
document.getElementById('marco').style.background = #cccccc
o en vez de el color directamente el nombre de =url (nombredelafoto.jpg)
me sale perfecto, por lo que supongo que el problema está en que no recoje la variable 'foto'. Y le he dado mil vueltas, con comillas simples, con comillas dobles, sin comillas, intentando mandar la variable de otra forma... pero estoy más que perdido.
¿alguien me puede decir qué hago mal?
por si acaso la función la invoco deade aquí:
<img src="casarbol.jpg" title="casa del árbol" OnClick="mostrar(MG1374.jpg)"/>
Otra cosa... he leido que esto es javascript invasivo, he logrado tener una ligera idea de lo que es eso, pero ni idea de como hacer esto mismo con javascript no invasivo. Solo se que tengo que poner el código en un documento ajeno al html.
Gracias por adelantado.