Articulos PHP
Octubre 07, 2008, 11:34:12 *
Bienvenido(a), Visitante. Por favor, ingresa o regístrate.

Ingresar con nombre de usuario, contraseña y duración de la sesión
Noticias: Canciones Traducidas - Daforos.com - Fondos Gratis - Portatiles - Hosting - - Recursos Gratuitos Webmaster - elhacker dragonjar - sexo gratis - letras de canciones - Trucos Gratis - Juegos Gratis - Sexe gratuit - Juegos De Coche - porno - Start - Page0 - Page1 - Page2 - Page3 - Page4 - Page5 - Page6 - Page7 - Page8 - Page9 - Page10 -  Page11 - Page12 - Page13 - Page14 - Page15 - Page16 - Page17 - Page18 - Page19 - Page20 -  Page21 - Page22 - Page23 - Page24 - Page25 - Page26 - Page27 - Page28 - Page29 -

Articulos PHP > Programacíon Web > java Script > Imagenes > Precarga de imagenes en JavaScript
Páginas: 1   Ir Abajo
« anterior próximo »
  Imprimir  
Autor Tema: Precarga de imagenes en JavaScript  (Leído 1395 veces)
administrador
Administrator
Hero Member
*****
Desconectado Desconectado

Mensajes: 16726


Ver Perfil
« : Septiembre 16, 2004, 03:36:17 »
Este articulo explica como por medio de JavaScript podemos precargar las imagenes de nuestro website para que las imagenes cargen mas rapido.

El siguiente codigo va entre las etiquetas <HEAD> y </HEAD>...


<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 = new Image();
     lista_imagenes.src = imagenes;

}
}
//-->
</script>


Bien, en resumen lo que realiza este codigo es precargar las imagenes puestas en el vector imagenes...

var imagenes = new
Array("imagen1.gif","imagen2.gif","imagen3.gif");

Podemos modificar la ruta de acceso a las imagenes ("imagen1.gif"....) y asi definir que imagenes queremos precargar, ahora bien lo que nos falta es llamar a la funcion cargarimagenes para cargar nuestras imagenes, esto lo hacemos dentro de la etiqueta BODY y es conveniente realizarlo antes de cualquier otro codigo...


<BODY>
<script>
   cargarimagenes();
</script>
</BODY>


Con el codigo anterior ya tenemos cargadas las imagenes, lo que nos queda es administrar bien la carga de imagenes, por ejemplo en una pagina x que no tenga mucho contenido podemos cargar las imagenes de otra pagina del sitio asi ya no ahorramos algo de tiempo, entonces cuando el usuario visita esa pagina las imagenes se cargan de forma inmediata ;-) Espero que les sea util, Saludos!

En línea
Páginas: 1   Ir Arriba
  Imprimir  
« anterior próximo »
 
Ir a:  

Mas buscadas: apuntes audio belleza bolsa cancer carpet carrera casas computadora credito cross curso informatica divx dolar drivers e mule economia explorer grafica hardware higiene industria industrial informatica internet libros linux mantenimiento manuales media medicina nutricion online paginas web politica posicionamiento programacion red red alert salud seguro seo software tecnologia trucos windows universidad venta video web windows winrar

UseBB Port by Gaia Modified & Upgraded by Croco Articulos PHP | Impulsado por SMF 1.1.6.
© 2005, Simple Machines LLC. Todos los Derechos Reservados.

Página creada en 0.124 segundos con 19 consultas.