Precarga de imágenes en JavaScript

09/10/2005, 10:38 #1

Pillus

USUARIO ANTES QUE TODO

Fecha de ingreso: 06/jul/2005

Mensajes: 704
Pillus tiene un brillante futuro

Precarga de imágenes en JavaScript

Este codigo modificado es un "preload de imagenes en JavaScript" que puede usarse como intercambiador de imagenes.

Ejemplo:
- Si tienes un boton (una imagen) y quieres que al pasar el cursor por encima, la imagen cambie:

Tendriamos que hacer una imagen llamada "02.gif" y con un color determinado

Elaborar otra imagen igual pero con distinto color, y la llamamos "02_x.gif"

Ahora nos vamos al documento sobre el que estemos trabajando e introducimos entre la etiqueta HEAD:

<head>

Código:

<SCRIPT TYPE="text/javascript">
miArray = new Array ("imagenes/02_x.gif");
patron = new RegExp("imagenes/");

for (cont=0;cont<miArray.length;cont++) {
eval ("imagen" + cont + " = new Image();");
eval ("imagen" + cont + ".src = " + "\"" + miArray[cont] + "\";");

}

cont=0;
function pruebaCarga() {

if (eval("imagen"+cont).complete == true) {
window.defaultStatus= "Imagen"+cont+ "/" + miArray.length + " CARGADA";
cont++;
}

if (cont<miArray.length) setTimeout('pruebaCarga()',500);
}
</SCRIPT>

</head>

y en la primera parte de la etiqueta BODY tendras que introducir:

Código:

<body onLoad="pruebaCarga();return true;">

y....LISTO !!!!

En la linea:
"miArray = new Array ("imagenes/02_x.gif");" tendrás que introducir la ruta de tu imagen (LA QUE ESTARA ESCONDIDA)

__________________
Saludos de Pillus

Publicidad: Conoce las ofertas de ANUNCIATE

« Tema Anterior | Próximo Tema »

Usuarios viendo actualmente este tema: 1 (0 usuarios registrados y 1 visitantes)

Permisos para publicar mensajes
No puedes crear nuevos temas No puedes responder mensajes No puedes subir archivos adjuntos No puedes editar tus mensajes Los BB code están Activado Los Emoticones están Activado El código [IMG] está Activado El Código HTML está Desactivado Reglas del foro

Ir al foro

Temas similares
Tema	Autor	Foro	Resp.	Último mensaje
101 cosas que puedes hacer con firefox y no con Internet Explorer	Voyager	INTERNET: Navegadores, ADSL, etc.	16	23/04/2008 18:00
Todo lo que deberiamos saber sobre 4:2:2	jose1987	KAON	6	08/11/2005 00:11
Redireccionar a otra página si no tiene Javascript	Pillus	PROGRAMACIÓN Lenguajes: Visual Basic, C++, etc	0	09/10/2005 10:37
Efectos rápidos con Javascript	Pillus	PROGRAMACIÓN Lenguajes: Visual Basic, C++, etc	0	09/10/2005 10:36
Manual para colocar imagenes	paco31	ELECTRÓNICA GENERAL	13	21/09/2005 11:24

!! ADVERTENCIAS !!: Las informaciones aquí publicadas NO CONTIENEN KEYS para la decodificación de ningún sistema: NO SON OPERATIVOS en sistemas SAT que precisen de su correspondiente suscripción.

ESTA TOTALMENTE PROHIBIDO EL USO DE ESTAS INFORMACIONES PARA LA MODIFICACIÓN O DEFRAUDACIÓN DE SISTEMAS DE ACCESO CONDICIONAL.

ESTOS FOROS SON MODERADOS Y NO SE PERMITE LA PUBLICACIÓN DE INFORMACIONES ILEGALES POR PARTE DE LOS USUARIOS. EN CASO DE DETECTARSE ESTE TIPO DE INFORMACIONES, LOS USUARIOS SERÁN EXCLUIDOS DE ESTAS PÁGINAS.

USO DE COOKIES: Utilizamos COOKIES y de terceros para mejorar nuestros servicios y navegación por la web. Si continua navegando, consideramos que acepta su uso.

La franja horaria es GMT +2. Ahora son las 18:49.

--------------------------------------------------------------------

Enlaces de interés

--------------------------------------------------------------------
Powered por vBulletin™ Version 3.8.10
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.
Traducido por vBsoporte - vBulletin en español
Hispaservicios - J.G.C - 29112549T - Rio Cinca, 2, 30 (50180) SPAIN.
Todos los derechos reservados. Prohibida cualquier reproducion total o parcial.