Hola, buenas!!!
Vereís, estoy dandole retoques a mi pagina, y necesito hacer una precarga de las imagenes (las que componen el fondo, el banner, el menu...), para que carguen a la vez, y más rapido que el resto del contenido. Sino entendi mal, de esta manera, las imagenes solo necesitaran cargarse una sola vez, ¿verdad?
Como mis conocimientos de Javascript son bastante reducidos, estuve viendo las FAQ, y encontré este código para introducir en el Head:
Código:
<script>
var foto=new Array()
foto[0]=new Image()
foto[0].src="pepito.jpg"
foto[1]=new Image()
foto[1].src="jaimito.jpg"
foto[2]=new Image()
foto[2].src="jorgito.jpg"
</script>
Ahora bien, investigando un poco por ahí, encontre otro código diferente:
Código:
<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>
Y una segunda parte que se debe insertar en el body:
Código:
<BODY>
<script>
cargarimagenes();
</script>
</BODY>
Este ultimo es un código bastante viejo, tiene fecha del 2002 y de entonces a ahora, no se si seguira siendo correcto/util.
¿Cuál debo utilizar? Muchas gracias!
