Sto cercando un piccolo script che mostra la percentuale di caricamento dell'immagine e che poi scompare lasciando posto all'immagine caricata
Sto cercando un piccolo script che mostra la percentuale di caricamento dell'immagine e che poi scompare lasciando posto all'immagine caricata
mai vista roba del genere se non con flash
io una volta lo feci ma prendeva in considerazione quanti elementi caricati rispetto al totale, ma te chiedi qualcosa di diverso
Farmacia di Jarno - le mie pillole: Cookie [#780810], Dom4Php4 [#1123236], Fade [#1139489], getCssProperty [#1152911]
Inchinatevi difronte al Prof! Nacchio!
A me pare che l'uomo vada avanti con la retromarcia
ciao
a me interesserebbe sapere come si fa un preload di una serie di immagini con js.
come hai impostato il tuo lavoro?
6 mejo Te!
Ti spiego meglio, io ho gia un preload nel frame sx http://www.photoman.altervista.org/g...out/index.html mi servirebbe uno a percentuale da mettere in quello destro per le immagini grandiOriginariamente inviato da Jarno
mai vista roba del genere se non con flash
io una volta lo feci ma prendeva in considerazione quanti elementi caricati rispetto al totale, ma te chiedi qualcosa di diverso
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.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>
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>
ah ma questo è ormai una cosa banalee ampiamente diffusa sul web
ma te avevi chiesto di avere una percentuale che misurasse il caricamento dell'immagine
Farmacia di Jarno - le mie pillole: Cookie [#780810], Dom4Php4 [#1123236], Fade [#1139489], getCssProperty [#1152911]
Inchinatevi difronte al Prof! Nacchio!
A me pare che l'uomo vada avanti con la retromarcia
Si, anche questo misura la percentuale ma non riesco a collegarlo all'immagine che deve caricarsiOriginariamente inviato da Jarno
ah ma questo è ormai una cosa banale
ma te avevi chiesto di avere una percentuale che misurasse il caricamento dell'immagine
no questo non misura la percentuale,
questo simula la misura
è cosa ben diversa
Farmacia di Jarno - le mie pillole: Cookie [#780810], Dom4Php4 [#1123236], Fade [#1139489], getCssProperty [#1152911]
Inchinatevi difronte al Prof! Nacchio!
A me pare che l'uomo vada avanti con la retromarcia
Si è vero, ne hai uno che segna giusto?Originariamente inviato da Jarno
no questo non misura la percentuale,
questo simula la misura
è cosa ben diversa
Permessi di invio
Rispondi quotando