| Ver tema anterior :: Ver tema siguiente |
| Autor |
Mensaje |
Sabogal
Yo uso Google
Registrado: 12 May 2005
Mensajes: 1384
|
 Publicado: Jue Ago 04, 2011 3:19 pm Asunto: Retrasar carga imagen |
 |
|
Haber, necesito colocar una imagen un tanto grande en mi sitio Web. La pienso colocar en otro servidor y que esta se cargue después de que el resto del sitio haya cargado aunque el código de la imágen está en el header.
¿Cómo lo podría hacer?
Saludos!
_________________
Contador público |
|
| Volver arriba |
|
 |
fmmarzoa
Lo mío es Gigablast
Registrado: 23 Dic 2011
Mensajes: 106
Ubicación: Asturies
|
| Publicado: Dom Abr 01, 2012 6:30 pm Asunto: AJAX |
|
|
Me gustaría saber el motivo por el que quieres hacer eso, primero por curiosidad  y después porque dependiendo de las motivaciones quizá habría otras maneras de solucionarlo.
Si lo haces por no esperar a que termine de cargar la imagen para mostrar el resto de la página totalmente funciona, probablemente necesitarás AJAX.
Si ese no es el problema y lo único que quieres es simplemente que la imagen se cargue la última, con una función de JavaScript plano puesta en el evento window.onload podría valer.
Saludos,
_________________
Productos de Asturias |
|
| Volver arriba |
|
|
Sabogal
Yo uso Google
Registrado: 12 May 2005
Mensajes: 1384
|
| Publicado: Lun Abr 02, 2012 11:22 pm Asunto: |
|
|
Lo necesitaba para evitar que un pesado archivo impidiera que el resto de la página cargará rápidamente. Al dejarlo de último, e lector no se molestaría por el retraso que causaria descargar un elefante.
Saludos!
_________________
Contador público |
|
| Volver arriba |
|
|
fmmarzoa
Lo mío es Gigablast
Registrado: 23 Dic 2011
Mensajes: 106
Ubicación: Asturies
|
| Publicado: Mar Abr 03, 2012 8:03 am Asunto: |
|
|
Una solución muy simple que puede que funcionase sin JavaScript sería guardar la imagen como un JPEG entrelazado. Yo es lo primero que probaría por ser lo más sencillo.
Lo más simple con JavaScript sería que en el atributo src del tag img en cuestión no pongas nada, y en el evento window.onload llames a una función que cambie el img.src añadiéndole la URL de la imagen. Eso te aseguraría que la imagen sólo se carga después de haber cargado todo lo demás.
Concretando, salvo error y aunque no lo he probado. En el código de la página donde vaya la imagen pones algo como:
| Código: | | <img src="" id="imagengorda" /> |
Y luego en alguna parte de la sección head, por ejemplo:
| Código: | <script type="text/javascript">
window.onload = function () {
var img = document.getElementById ('imagengorda');
img.scr = 'http://dominio.com/imagenes/imagengorda.jpg';
}
</script>
|
Cambiando lo último por la URL real de la imagen, por supuesto.
_________________
Productos de Asturias |
|
| Volver arriba |
|
|
|
FAQ
Buscar
Miembros
Grupos de Usuarios
Registrarse
Perfil
Entre para ver sus mensajes privados
Login
