Muchas gracias caricatos,
Pero no és porque las imagenes tengan poco peso, porque me tiro un monton de tiempo cargandolas.
No se si he escrito algo mal, o no lo entiendo ya que quando lo cuelgo en el servidor me paso un buen rato viendo como se van cargando las imagenes, y no se mueve hasta el final.
Los links estan bien puestos, porque quando los ponia mal, en el opera y en el explorer no hacia el fadeout que le pongo quando esta cargado y con las direcciones bien ya lo hace.
Código HTML:
<script>
function precargar() {
var dibujos = new Array(precargar.arguments.length);
for (var i = 0; i < dibujos.length; i ++) {
dibujos[i] = new Image();
dibujos[i].src = precargar.arguments[i]
}
return dibujos;
}
function precargados(dibujos) {
var parciales = true;
for (var i = 0; i < dibujos.length; i ++)
parciales = (parciales && dibujos[i].complete);
return parciales;
}
function porciento(dibujos) {
var parciales = 0;
for (var i = 0; i < dibujos.length; i ++)
parciales += (dibujos[i].complete) ? 1 : 0;
return parseInt(100 * parciales / dibujos.length);
}
</script>
<script>
var imagenes;
function continuar() {
$('#load').fadeOut(1000);
}
function cargando() {
document.getElementById("estate").style.width = porciento(imagenes) + "%";
if (precargados(imagenes))
continuar();
else
setTimeout("cargando()", 100);
}
function ini() {
imagenes = new precargar(
"images/bases/back.png",
"images/bases/inst_cart2.png",
"images/bases/logo.png",
"images/bases/postit2.png",
"images/bases/postit.png",
"images/bases/pen.png",
"images/bases/paper.png",
"images/tools/zoom-.png",
"images/tools/zoom.png",
"images/maps/africafis.png",
"images/maps/africapol.png",
"images/maps/amnfis.png",
"images/maps/amnpol.png",
"images/maps/amsfis.png",
"images/maps/amspol.png",
"images/maps/asiafis.png",
"images/maps/asiapol.png",
"images/maps/eurofis.png",
"images/maps/europol.png",
"images/maps/ocean.png",
"images/maps/pn.png",
"images/maps/ps.png"
);
cargando();
}
</script>
<style type="text/css">
body {
background: url('images/bases/back.png') 50% -100px fixed repeat ;
font-family: Futura, Serif;
}
</style>
</head>
<body onload="ini()">
<div id="load" style="position:absolute; width:350px; height:150px; background-color: #0f0f0f; z-index:100000; top:175px; margin-left:50%; left:-175px; z-index:100000; display:ture">
<p style="font-family: Futura, Helvetica, Arial, sans-serif; font-weight: 200; z-index:100002; color:#fff; top:0px; position:absolute; left:13px; width:324px; height:124px;">Disculpen la espera.</p>
<div style="position:absolute; left:75px; top:100px; width: 200px; height: 20px; border: 1px;" >
<div style="position:absolute; top: 0; left: 0; width:100%; height: 100%; background-color: #525064">
</div>
<div id="estate"
style="position:absolute;
top: 0; left: 0; width: 1%; height: 100%; background-color: #1f0ec4" >
</div>
</div> Muchas gracias.