Carga de imagenes

Citar

Escrito el 05 Abr 2008 02:35 pm

Hola. Soy nuevo por aquí, haber si pueden ayudarme. :oops:

La cosa es que estoy intentando hacer que mientras se carga una imagen, salga otra de "loading". Pero no soy capaz, y todo lo que encuentro en Google es:

Código :

.img { background: url(loading.gif) no-repeat 50% 50%;}

Pero con eso se ve como se va descargando la imagen, y lo que yo quiero es que la imagen no se muestre hasta que no este completamente descargada. Al igual que hace lightbox por ejemplo...

Saludos y gracias.

Por sergio.cr

1 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 05 Abr 2008 07:50 pm

Si hubieras usado el buscador, habrías encontrado una solución aquí mismo.
Yo mismo abro el hilo, y termino con la solución, con ayuda del siempre grande Lunatic Lycanthrop.

Dudas, en aquel hilo, si es sobre aquel tema.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 06 Abr 2008 08:09 pm

Perdona pero no lo encontré en el buscador.

Esta muy bien el código solo que me gustaría que no dependiera de jQuery ni de ningún framework.

Saludos!

Por sergio.cr

1 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 06 Abr 2008 10:36 pm

A mí tampoco me gustan las librerías externas... pero en ocasiones, la comodidad decide.
A mí también me gustaría poder saber cómo simular el "$(document).ready(function(){/*función*/})", de jQuery, o el "window.addEvent('domready', function(){/*función*/})", de Mootools, pero no se hacerlo.
Si descubre cómo, sólo tienes que sustituirlo.

Si no... te va a ser difícil... pues creo que se precisa controlar ese "onload" especial, para este fin, pues si no... no veo posibilidad.
Además, si usamos el "window.onload" tradicional, vamos a tener que esperar a que se carguen todas las imágenes de la WEB (y puede que eso nunca pase), para mostrarlas luego todas a la vez (y puede pasar mucho tiempo)

Otra opción, sería "simular" el document.ready de jQuery, poniendo el <script> al final del <body>, pues imagino que según se descarga nuestra página, cuando se lea nuestro script, ya estarán cargados todos los elementos que le preceden.
Pero esto es un apaño demasiado "raro"... y no tengo claro que funcionara en todos los casos...

ACTUALIZACIÓN:
Si quieres, puedes servirte tú mismo.
Al parecer, hay varias opciones de simular el "document.ready", incluso documentación que "explica" cómo funciona la de jQuery.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 06 Abr 2008 11:49 pm

//
echale un vistazo a esto:
FadeIn para imagenes con JavaScript
//

Por penHolder

Claber