Buenas, cómo están? .. aquí estamos otra vez.
Después de cuatro años de alegrías con éste código, que me funciona a la perfección en totos los navegadores, ...ahora quería rizar el rizo.. je je..
Me gustaría que cuando se descarga la imagen en el pop-up, que aparezca un icono de carga.
Más o menos, como los que podéis crear en ésta fantástica web: http://ajaxload.info/
En una web normal, ésto se puede hacer con estilos CSS, pero no se cómo aplicarlo al POP-UP.
En una web normal, aplico éste estilo CSS a la imagen:
--------------------------------------------------------------------
img.foto-grande {
border: 1px solid #999999; /* Ésto añade un borde gris a la imagen */
background-image: url(http://www.tudominio.com/imagenes/cargando.gif); /* Ésta es la imagen que aparece mientras no se carga la definitiva */
background-repeat: no-repeat; /* Ésto es para que la imagen de carga no aparezca repetida */
background-position: center center; /* Ésto es para centrar la imagen de carga */
display: block; /* Ésto es para centrar la imagen grande respecto a la celda que la contiene */
margin: auto; /* Ésto es para centrar la imagen grande respecto a la celda que la contiene */
}
--------------------------------------------------------------------
Luego, a la página se le añade lo siguiente:
<link href="../estilo.css" rel="stylesheet" type="text/css">
Luego, a la imagen se le añade lo siguiente:
<img src="http://www.forosdelweb.com/f13/imagen.jpg" width="500" height="333" class="foto-grande">
--------------------------------------------------------------------
Éste estilo CSS tiene la misión de hacer aparecer una barra de carga provisional, mientras se descarga una foto de gran tamaño (de varias megas, por ejemplo).
Por ahora, éste estilo funciona perfectamente en en una página normal, en la que pongas una imagen grande.
Pues lo que yo quería hacer es que, cuando abres una foto en una ventana pop-up (con el maravilloso código Java-script, pues que aparezca como fondo la imagen de carga.
¿Ésto se debe hacer directamente con el Javascript, o bién se puede aplicar simplemente el estilo CSS de algún modo?
Gracias mil, por compartir conocimientos.
Un abrazo a todos,
Carles.