07/04/2003, 18:12
| |||
| |||
| cargar imagenes antes de entrar en la web hola estoy creando una web que contiene un layout q ocupa bastante asi q quiero saber si hay un codigo de precarga de imagenes oa lgo y q no pueda entrar hasta q se carguen las imagense, acias!!!
__________________ http://www.iespana.es/chifix/idairav6/xexyritafirma.gif |
|
07/04/2003, 20:32
| ||||
| ||||
| Hola xexyrita... Estuve investigando en los dos post que respondi con respecto a lo que necesitas... respondi dos post diferentes que pienso que se pueden integrar para lograr un mejor resultado... Por un lado tenemos este script... <html> <head> <!-- PRIMER PASO: Copiar dentro del tag HEAD --> <script language="JavaScript"> ns=document.layers ie=document.all function esconde() { if (ie) precarga.style.visibility="hidden"; if(ns) document.pregarga.visibility="hide"; } // --> </script> <style> #precarga{position:absolute; width:100%; height:100%; top:0; left:0} </style> </head> <body> <!-- SEGUNDO PASO: Copiar dentro del tag BODY --> <body onload="esconde();"> <script language="JavaScript"> if(ie || ns) document.write('<div id="precarga" align="center"><br><b>Cargando....</b><br>Por Favor Espere...!!!</div>'); </script> </body> </html> Este script monta una Capa sobre el contenido de tu pagina que dice Cargando... Por Favor Espere..." luego que la pagina esta completamente cargada oculta la capa y muestra la pagina ya cargada.... Y Por otro lado tenemos este script <html> <head> <title>Imagenes</title> <script language="javascript 1.2"> <!-- var i; var imagenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif"); var lista_imagenes = new Array(); function cargarimagenes(){ for(i in imagenes){ lista_imagenes[i] = new Image(); lista_imagenes[i].src = imagenes[i]; } } </script> </head> <body> <script> cargarimagenes(); </script> <img src="imagen1.gif"><br> <img src="imagen2.gif"><br> <img src="imagen3.gif"><br> </body> </html> Que precarga tus imagenes mientras se carga tu pagina y no las muestra hasta que se cargen... Puedes usar este ultimo si quieres pero si los integras lograrias algo mas profesional y como dices que el layout tiene muchas imagenes osea que pesa demasiado lo ideal seria integrarlo los dos para lograr un resultado pro.!!! Podrias intentar con esto para ver que tal te va... <html> <head> <script language="JavaScript"> ns=document.layers ie=document.all function esconde() { if (ie) precarga.style.visibility="hidden"; if(ns) document.pregarga.visibility="hide"; } // --> </script> <script language="javascript 1.2"> <!-- var i; var imagenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif"); var lista_imagenes = new Array(); function cargarimagenes(){ for(i in imagenes){ lista_imagenes[i] = new Image(); lista_imagenes[i].src = imagenes[i]; } } </script> <style> #precarga{position:absolute; width:100%; height:100%; top:0; left:0} </style> </head> <body onload="esconde();"> <script language="JavaScript"> if(ie || ns) document.write('<div id="precarga" align="center"><br><b>Cargando....</b><br>Por Favor Espere...!!!</div>'); </script> <script> cargarimagenes(); </script> <!--Estas imagenes son de ejemplo... no tienes que llamar a ninguna imagen porque se supone que ya las tienes en un layout listas y alineadas, solo lo puse como ejemplo....--> <img src="imagen1.gif"><br> <img src="imagen2.gif"><br> <img src="imagen3.gif"><br> </body> </html> Prueba este ultimo script tambien que une los 2 ultimos script a ver que tal te va...   Cualquier comentario no dudes en preguntar...  Saludos..  Cya...
__________________ Ing. Javier Ugalde Desarrollador de Aplicaciones Web / Windows Director de Desarrollos Web Ing. en Información Email: [email protected] Telf. Hab: +[58] - (243) - 232.02.06 Telf. Cel: +[58] - (414) - 455.26.80 |
|
08/04/2003, 16:05
| |||
| |||
| muchisimas gracias!! ahora mismo voy a probarlos :) q bontio el smile de adios :)
__________________ http://www.iespana.es/chifix/idairav6/xexyritafirma.gif |
|
23/01/2008, 00:17
| ||||
| ||||
 Re: cargar imagenes antes de entrar en la web Cita: Estoy necesitando algo asi como este script, pero solo funciona en Internet Explorer, si sigues vivo en FDW, sabes como hacer para que funcione en Firefox tambien?
Iniciado por MsTech.DotNet  Y Por otro lado tenemos este script <html> <head> <title>Imagenes</title> <script language="javascript 1.2"> <!-- var i; var imagenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif"); var lista_imagenes = new Array(); function cargarimagenes(){ for(i in imagenes){ lista_imagenes[i] = new Image(); lista_imagenes[i].src = imagenes[i]; } } </script> </head> <body> <script> cargarimagenes(); </script> <img src="imagen1.gif"><br> <img src="imagen2.gif"><br> <img src="imagen3.gif"><br> </body> </html> Que precarga tus imagenes mientras se carga tu pagina y no las muestra hasta que se cargen...
__________________ ¿Dónde encontrar carros baratos en USA? En Autopten. |
|
23/01/2008, 00:43
| ||||
| ||||
| Re: cargar imagenes antes de entrar en la web Hola: Supuestamente el script funciona igual en todos los navegadores... en las FAQs hay algunos mensajes sobre precarga de imagenes... si lo que quieres es que no se descuadre la página, prueba poniendo en los tags img las dimensiones de las imágenes ya sea con atributos o estilos (preferentemente estilos). Saludos
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
|
23/01/2008, 00:57
| ||||
| ||||
| Re: cargar imagenes antes de entrar en la web Gracias por responder caricatos. Lo que pasa es que tengo 10 imagenes de 125px X 90px que se cargan en un MARQUEE en el index. Para probarlo en firefox lo que estoy haciendo es borrando todo el cache cada que cargo la pagina. El script me funciona bien en IE. En Firefox lo que pasa es que la primera carga solo me muestra 1 imagen, si le doy refrescar o reenter a la URL ahi si me cargan todas, no se por que sera ala!! Gracias por cualquier ayuda!
__________________ ¿Dónde encontrar carros baratos en USA? En Autopten. |
