getElementById no me funciona en explorer 7

[la pasionaria]

Hola a todos;

Este código me funciona en firefox y safari, pero no me funciona en explorer 7. Tengo 2 botones que lo único que deben hacer es cambiar el src de la imagen para que cambie una imagen grande por otra.

¿podéis decirme a qué puede ser debido?
Gracias.

Código:

<img src="imagenes/habitaciones/virgen01.jpg" alt="la Virgen 1" id="imagenGrande" />

<img src="imagenes/boton_si.png" width="200" height="40" onclick="javascript:document.getElementById('imagenGrande').src='/imagenes/habitaciones/virgen01.jpg';" />
<img src="imagenes/boton_si.png" width="200" height="40" onclick="javascript:document.getElementById('imagenGrande').src='/imagenes/habitaciones/virgen02.jpg';" />

[codigojavascript]

Lo probé en IE6 y funciona, es lo lógico ya que no tiene ningún error.

Probá llamando a una función, por ejemplo:

Código:

<script language="javascript">

function cambiar(srcIMG) {

document.getElementById('imagenGrande').src = srcIMG

}

</script>

<img src="imagenes/habitaciones/virgen01.jpg" alt="la Virgen 1" id="imagenGrande" />

<img src="imagenes/boton_si.png" width="200" height="40" onclick="cambiar('/imagenes/habitaciones/virgen01.jpg')" />
<img src="imagenes/boton_si.png" width="200" height="40" onclick="cambiar('/imagenes/habitaciones/virgen02.jpg')" />

Saludos

[derkenuke]

Hola:

El único error que le veo es que dentro de los eventos en HTML no debes colocar "javascript:".


Saludos.