Hola, tengo un problema que sólo me sucede (cuando no) en IE8 con la galería de imágenes de la siguiente dirección:
http://*.com.ar/labs/ariel/ficha.php?id=100952
Cuando el usuario hace click en las imágenes chicas, ésta aparece en grande en el recuadro superior (y luego si se clickea en la imagen grande se abre un lightbox de jquery, pero esto anda a la perfección). El problema está en que en IE8 cuando se elige una imagen chica no carga la grande, o no la muestra.
Lo que tengo en cada imagen chica es una llamada a una función javascript
:
Código HTML:
<a onclick="cambiarImg('http://www.*.com.ar/backoffice/uploader/100952/files/IMG_0352.JPG', 6)" href="javascript:void(0);" style="display:inline-block"> y luego la función que se ejecuta es:
Código HTML:
function cambiarImg(ruta, numId){
document.getElementById("cont_foto_grande").innerHTML = '<a style="margin-right:6px" href="'+ruta+'" class="gal" rel="lightbox[foto]"><img border="0" width="412" height="309" src="'+ruta+'" style="border:0px solid #CCC" tipooffset="V" offset="0" title="" alt="2"></a>';
}
También es raro que la imágen sí se carga cuando hago click sobre el recuadro grande para abrir el lightbox. Es como que ahí reacciona.
Qué puede estar pasando?? No es la primera vez que uso innerHTML para sobreescribir imágenes y siempre me anduvo bien. Además se muestra correctamente en Firefox, Chrome, Safari, y hasta en IE9, pero en el 8 no hay caso...
¿Alguien tendría alguna idea/sugerencia?
Muchas gracias!