Problema al levantar imagen en una modal

[chichote]

Hola amigos, estoy armando una web para un cliente, y tengo problemas al presentar una imagen dentro de una modal.

la url es la siguiente http://belen.drilo.cl/portafolio-interior.php?Id=1

Para generar la galería lo que hice fue utilizar el plugin jquery.sly para generar el carusel y la previsualización más la modal fueron creadas desde cero por mi utilizando la api de jquery sly.

El problema es que cuando abro la modal (desde la flecha diagonal de la esquina inferior derecha) se abre bien, pero si comienzo a pasar las imágenes con las flechas laterales en ocasiones la imagen no se carga en la modal, esto lo he detectado en chrome e IE, raramente en safari no me pasa, mas raro aun que en mi casa me pasa en chrome, pero en la oficina funciona bien en chrome .

Para agregar la imagen estoy utilizando

Código:

$(".modal .contenedor-modal .contenedor-img").html('<img src="'+$(this).attr("title")+'" alt="" />');

Como ven nada del otro mundo, incluso agregue un pequeño script para generar un cache de las imágenes, pero = sigue pasando, lo raro es que no es siempre.


Si alguien tiene alguna idea de algo, algun metodo alternativo para cargar la imagen será agradecido.

Saludos.

[chichote]

En mi investigación he dado con una solución, en lugar de cargar la imagen dentro del contenedor, lo que hago es solo cambiar el atributo src y le asigno un valor unico para evitar que se cargue el cache y de obligar a que se cargue la imagen.

Código:

$(".modal .contenedor-modal .contenedor-img img").attr("src",$(this).attr("title")+'?nocache=' + (new Date()).getTime());

Pero detecte un problema, que mas alla de como haga la delegación de la imagen, el problema va mas allá, me refiero al peso de la imagen, y tendré que solucionarlo poniendo alguna imagen de preload mientras la imagen se carga ya que se cargaran imagenes pesadas, veremos como soluciono eso.

Saludos.