elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 16:12  


Tema destacado: Suscripción al boletín mensual de elhacker.net

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  detectar carga completa de pagina web en javascript		 0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: detectar carga completa de pagina web en javascript  (Leído 2,967 veces)
WHK
吴阿卡
Ex-Staff
*
Desconectado Desconectado

Mensajes: 4.113


The Hacktivism is not a crime


Ver Perfil WWW
detectar carga completa de pagina web en javascript
« en: 7 Junio 2011, 09:32 »
Hola, actualmente estaba haciendo un proyecto donde con jquery estaba usando document ready para detectar el término de la carga de la página web y comenzar a cargar una galería de imágenes.

El problema es que son casi 20 imágenes y en total son como 3mb y algunas conexiones bajas como las de usb modem tardan muchisimo en cargar y por lo tanto las imágenes del diseño de la web no terminan de cargar tampoco hasta que carga la galería.

Esto me da a entender que document ready al igual que onload desde body me indica el término de carga del DOM pero no del documento completo,... o sea..
Quiero detectar desde javascript cuando termina de cargar todos los recursos de la web incluyendo imágenes, hojas de estilo, todo y después comenzar a cargar la galería para que no me desordene todo el diseño.

No me sirve darle un id a cada imágen, hay por ahi un plugin que a todos los tags de img y src les da un onload y los cuenta para detectar cuando todo carga pero no detecta las hojas de estilo, por lo tanto no es una detección real.

Alguien tiene alguna idea? en flash funciona perfectamente pero quería buscar el reemplazo para jquery porque no todos los disñeos son iguales y eso me significaría hacer un flash por web y no me conviene por el tiempo y desuso.
En línea
Mi foro Ultra Off-Topics: http://whk.drawcoders.com/foro/

Gracias a todos! Good bye!
madpitbull_99
Moderador Global
***
Desconectado Desconectado

Mensajes: 1.897



Ver Perfil WWW
Re: detectar carga completa de pagina web en javascript
« Respuesta #1 en: 7 Junio 2011, 11:07 »
Has probado el plugin de Jquery: Lazy Load ?

Parece justo lo que necesitas, retrasa la carga de las imágenes.

Enlaces:
_Lazy Load: Retrasar carga de imágenes
_Lazy Load Plugin for jQuery (Oficial)
_LAZY LOAD
En línea

«Si quieres la paz prepárate para la guerra» Flavius Vegetius
[Taller]Instalación/Configuración y Teoría de Servicios en Red
WHK
吴阿卡
Ex-Staff
*
Desconectado Desconectado

Mensajes: 4.113


The Hacktivism is not a crime


Ver Perfil WWW
Re: detectar carga completa de pagina web en javascript
« Respuesta #2 en: 7 Junio 2011, 11:42 »
Lo estuve mirando y no resulta bién porque el fondo de la web no carga hasta que cargue la galería, ese plugin no detecta el fondo desde la hoja de estilo.

La idea es detectar cuando el fondo se carga:

style.css
Código
body{ background-image: url('http://www.wonderplanets.de/Mond/2004/Mosaik_060904_Half.jpg'); }

Código
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 alert('realy ready?');
});
</script>
</head>
<body>
:)
</body>
</html>
 
En línea
Mi foro Ultra Off-Topics: http://whk.drawcoders.com/foro/

Gracias a todos! Good bye!
WHK
吴阿卡
Ex-Staff
*
Desconectado Desconectado

Mensajes: 4.113


The Hacktivism is not a crime


Ver Perfil WWW
Re: detectar carga completa de pagina web en javascript
« Respuesta #3 en: 7 Junio 2011, 12:03 »
Acabo de descubrir que:
Código:
window.onload = function(){

NO es lo mismo que:
Código:
$(document).ready(function(){

Document ready se ejecuta cuando el DOM ha completado su carga pero window onload se ejecuta cuando toda la página finaliza de cargar.

Guiandome por la lógica intenté hacer un:
Código:
$(window).ready(function(){
suponiendo que ready() llama al evento onload pero no es así, tampoco funciona, pero window.onload funciona perfectamente.

Ahora cambio mi pregunta y la nueva es: Hay alguna equivalencia en jquery para que no se vea tan feo?  :xD
Todos los dias se aprende algo nuevo jajajajajaja
« Última modificación: 7 Junio 2011, 12:05 por WHK » En línea
Mi foro Ultra Off-Topics: http://whk.drawcoders.com/foro/

Gracias a todos! Good bye!
Shell Root


Desconectado Desconectado

Mensajes: 2.456


Alex Jurado


Ver Perfil WWW
Re: detectar carga completa de pagina web en javascript
« Respuesta #4 en: 7 Junio 2011, 12:43 »
Código
$(window).load(function() {
      alert("PoC!");
});
????
En línea
---
WHK
吴阿卡
Ex-Staff
*
Desconectado Desconectado

Mensajes: 4.113


The Hacktivism is not a crime


Ver Perfil WWW
Re: detectar carga completa de pagina web en javascript
« Respuesta #5 en: 7 Junio 2011, 14:39 »
Cita de: Shell Root en  7 Junio 2011, 12:43
Código
$(window).load(function() {
      alert("PoC!");
});
????

nop tiene el mismo efecto que document ready. Pero ya quedó solucionado. Gracias.
En línea
Mi foro Ultra Off-Topics: http://whk.drawcoders.com/foro/

Gracias a todos! Good bye!
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
como impedir la carga de codigo javascript y demas?
Seguridad 		Maldikot 9 941 Último mensaje 4 Febrero 2004, 19:46
por FeRmO
Pagina Completa en Php
Desarrollo Web 		© Shadoweps ツ 9 1,415 Último mensaje 20 Noviembre 2005, 01:43
por SeniorX
detectar pantalla completa
Programación Visual Basic 		SERBice 2 532 Último mensaje 22 Junio 2008, 03:14
por SERBice
Detectar Enter en javascript para firefox
Desarrollo Web 		cuerty 1 4,244 Último mensaje 15 Octubre 2008, 00:44
por pato_pato_pato
Diferir carga de javascript
Desarrollo Web 		bomba1990 0 378 Último mensaje 12 Julio 2011, 04:48
por bomba1990
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines