ciao a tutti, ho questo codice javascript che crea un preload di pagina, ma vorrei aggiungere alla barra di avanzamento la percentuale sempre di avanzamento....
<script language="JavaScript">
<!--
vers = 1.0;
// -->
</script>
<script language="JavaScript1.1">
<!--
vers = 1.1;
// -->
</script>
<script type="text/javascript" language="JavaScript">
<!--
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++)
this[i] = initArray.arguments[i];
this.length = initArray.arguments.length;
}
var pics = new initArray(
"images/image1.jpg",
"images/image2.jpg",
"images/image3.jpg",
"images/image4.jpg",
"logo4.gif");
var transfer_url = "index.html";
function transfer(param) {
if (vers>1.0)
location.replace(transfer_url);
else
location.href = transfer_url;
}
function done() {
if (vers < 1.1)
transfer();
else
commence_loading();
}
function commence_loading() {
for (g=0;g<pics.length;g++)
eval('document.preload'+g+'.src = "'+pics[g]+'";');
}
// preload the status bar images
if (vers >= 1.1) {
blue = new Image();
blue.src = "blu.gif";
black = new Image();
black.src = "nero.gif";
}
var loaded = new Object();
for (h=0;h<pics.length;h++)
loaded[h] = 0;
num_loaded = 0;
function update(num) {
loaded[num]++;
if (loaded[num] == 2) {
eval('document.status'+num_loaded+'.src = "blu.gif";');
num_loaded++;
if (num_loaded == pics.length)
transfer();
}
}
//-->
</script>
<style type="text/css">
.auto-style1 {
text-align: center;
}
.auto-style2 {
color: #800080;
}
</style>
</head>
<body onLoad="done()" style="background-color: #FFFFFF">
<div class="auto-style1">
<span class="auto-style2">Caricamento</span><br class="auto-style2" />
</div>
<div align="center">
<script language="JavaScript">
<!--
if (vers < 1.1) {
document.write('Attenzione! Il tuo browser non supporta Javascript');
for (j=0;j<pics.length;j++) {
document.write('[img]'+pics[j]+'[/img]');
}
} else {
document.write('<table><tr><td>[b] '
+ '[img]blu.gif[/img]');
for (k=0;k<pics.length;k++)
document.write('[img]nero.gif[/img]');
for (j=0;j<pics.length;j++) {
document.write('[img]nero.gif[/img]');
}
}
// -->
</script>
Rispondi quotando