Cargar imagenes de antemano

mauricioadrian · #1 (**permalink**) 26/07/2008, 09:40

hola que tal como estan tengo una galeria hecha con js, php y css y el problema que me encuentro es las imagenes tardan mucho en cargarse existe alguna forma de cargar primero las imagenes a mostrar, ( son tres nada mas ) y luego que se visualize toda la web?

buzu · #2 (**permalink**) 26/07/2008, 09:52

Usando el objeto image se pueden lograr algunos efectos parecidos a la precarga de una imagen.

mauricioadrian · #3 (**permalink**) 26/07/2008, 10:36

prodrias ponerme un ej? estuve mirando en varios lados y no se si me sale o quizas me sale y no es el efecoq ue busco aca dejo el link de lo que estuve leyendo tmb . http://www.pepemolina.com/imagenes/index.html

caricatos · #4 (**permalink**) 26/07/2008, 10:47

Hola:

Justamente se trata es una página mía, y aunque es algo antigua, debería ser una buena referencia porque es un código simple y compatible. Pero tal vez te toque indicar para que lo quieres... también puedes poner encima de la imagen una capa con un gif animado hasta que la imagen se cargue...

La precarga es fácil de implementar, tan solo crear objetos del tipo Image() pero no se gana en velocidad y si no se plantea bien el uso puede ralentizar la carga de la página (información redundante)

Saludos

mauricioadrian · #5 (**permalink**) 26/07/2008, 10:51

hola caricatos, gracias por responder, aqui es donde quiero implementarlo .
www.villegasaldia.com.ar
es una galeria que tarda mucho en cargar las imagnes y lo que queria lograr si podia es que las fotos de la galeria(son tres nada mas) ya esten cargadas en memoria cuando se termina de descargar la pagina
.

mauricioadrian · #6 (**permalink**) 27/07/2008, 09:50

guarde el codigo que recomendas en tu sitio caricatos y lo llamo en el evento onload del body.
con eso crees que ya esta funcionando la precarca?

caricatos · #7 (**permalink**) 27/07/2008, 11:16

Hola:

De la versión con barra de progreso (aunque no necesariamente debas implementar esa barra, debes programar la función continuar(), cambiando la alerta por lo que quieras hacer )mostrar el body por ejemplo...

Saludos

mauricioadrian · #8 (**permalink**) 27/07/2008, 11:37

caricatos. te pido disculpas, no entiendo bien que debo poner en la funcion continuar, y si es necesario tener el fichero "precarga" porque en el ejemplo pareciera no llamarse ninguana funcion que este en el fichero

buzu · #9 (**permalink**) 27/07/2008, 13:48

Muy bueno caricatos. Lo voy a revisar por que creo que podria sacar buenas ideas de tu aplicación.

caricatos · #10 (**permalink**) 27/07/2008, 19:00

Cita:

Iniciado por mauricioadrian

caricatos. te pido disculpas, no entiendo bien que debo poner en la funcion continuar, y si es necesario tener el fichero "precarga" porque en el ejemplo pareciera no llamarse ninguana funcion que este en el fichero

La página tiene otras cosas durante la carga, pero el evento que me pareció más importante para la precarga de imágenes era el de desplegar la capa de las diapositivas, aunque parece que no se usa la librería tal cual... aunque si revisas el código, hay muy pocas diferencias.

Cita:

Iniciado por buzu

Muy bueno caricatos. Lo voy a revisar por que creo que podria sacar buenas ideas de tu aplicación.

Si te sirve de algo, no dejes de avisarme... aunque últimamente no recomiendo mucho este código porque me gusta más tapar la imagen mientras se carga con un gif animado centrado en una capa, y usar el evento load para ocultar esa capa (incluso creo que es más fácil de implementar)

Saludos

buzu · #11 (**permalink**) 27/07/2008, 21:28

Si, si es mas sencillo poner un loading al estilo ajax. Aun que hay quienes lo hacen solo con CSS pero claro que la imagen de loading se va perdiendo poco a poco.

buzu · #12 (**permalink**) 27/07/2008, 21:29

Ah por cierto, con lo de tapar con una capa, como resuelves si el javascript no esta activado?

mauricioadrian · #13 (**permalink**) 31/07/2008, 10:09

caricatos. Disculpa mi ignorancia.... te puedo poner el codigo que tengo y me podes ayudar a aplicarlo?

Si no podes no hay drama. Seguire buscando. Espero tu respuesta.

caricatos · #14 (**permalink**) 31/07/2008, 10:29

Hola:

Lo que te voy a asegurar es que si el código es muy extenso no voy a leerlo. Intenta simplificar con las líneas que afecten el caso, que si por alguna razón no tengo suficiente tiempo, en estos foros hay mucha gente muy capacitada para ayudarte.

Saludos