Originariamente inviato da guarnieri
Prova questo:


<title></title>

<script language="javascript" type="text/javascript">
<!--
var espandi = 30;
function Loading() {
document.getElementById("barra").style.width = espandi;
espandi++;
document.getElementById("percentuale").innerHTML = Math.round(espandi / 1) + "%";
if (espandi != 100) {
window.setTimeout("Loading(), 1");
}
}

//-->
</script>





<style type="text/css">
td.loading { text-align: Center; color: #778899; font: Bold 10px Verdana; }
td.barra { background-color: #F9F9F9; border: Solid 1px #CCCCCC; }
#barra { background-color: #EEEEEE; height:20px;}
#percentuale { text-align: Center; color: #778899; font: Bold 10px Verdana; }
</style>



Togli quello che non ti serve


<body leftmargin="0" topmargin="1" marginheight="1" marginwidth="1" bgcolor="#F7F7F7" style="overflow:hidden;"
onLoad="Loading()" scroll="No">







<table width="102" align="center" cellpadding="0" cellspacing="0">

<tr>
<td class="loading">...Loading</td>
</tr>
<tr>
<td class="barra">
<div id="barra"></div></td>
</tr>
<tr>
<td><div id="percentuale"></div></td>
</tr>
</table>
Si funziona, ma non riesco a metterlo al posto della foto mentre si carica, appare sopra la foto e poi non scompare.
La parte in rosso è quella che richiama le immagini, quella azzurra è il tuo codice.

<table summary="">
<tr valign="top">
<td width="$imageWidth">

<table width="102" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="loading">...Loading</td>
</tr>
<tr>
<td class="barra">
<div id="barra"></div></td>
</tr>
<tr>
<td><div id="percentuale"></div></td>
</tr>
</table>

[img]$imagePath[/img]
</td>