livelli espandibili e caricamento immagini forse impossibile

[MicheleWT]

ho scaricato il js dei livelli espandibili e l'ho adattato potete vederlo andando su www.wingtsuncarrara.it e aprendo la sezione fotografie dal menu di sx. Il punto è questo: dato che ogni livello contiene delle thumbnails (si scrive così? ) che si visualizzano con l'aprirsi del rispettivo livello, è possibile fare in modo che il browser carichi le thumb del livello specifico solo quando questo viene espanso? Non sono riuscito a trovare una soluzione!
Spero di essere chiaro e non aver fatto casino a spiegarmi come mio solito!

[Francis87]

mi spiace doverlo dire ma non ho capito cosa ti serve.....

[MicheleWT]

ma possibile che non riesco a spiegarmi mai alla prima?

prova, per piacere, ad andare sul link del mio precedente post e dal manu di sinistra clicca su fotografie/galleria fotografica (non posso dare il link al frame separato per motivi che sarebbero lunghi spiegare. . .si riaprirebbe la homepage!).

Nel frame centrale si apre la pagina relativa alla galleria fotografica, ok? in questa pagina ci sono dei livelli espandibili, detti nella pagina set di fotografie. cliccandoci sopra si espandono ed appaiono delle thumb dalle quali è possibile visualizzare le foto in grandezza originale. ok?

Ora quando si apre la pagina www.wingtsuncarrara.it/html/fotografie.html il browser carica automaticamente tutte le thumb a prescindere che i livelli siano espansi o contratti. ok?

io vorrei che le thumb si caricassero solo quando si espande un livello (esempio apro il livello intitolato "Lezione a Casa di Master Cuciuffo" e solo adesso vengono caricate le due thumb (damestercuciuffo1.gif e damastercuciuffo2.gif) le altre thumb contenute nei livelli contratti non devono venire caricate finchè non si espande il livello che le contiene?

adesso ci siamo?

[Francis87]

beh, ma ke fastidio ti dà il fatto ke si karikino subito?! tanto non le vedi!

[MicheleWT]

in quella sezione stanno per essere inseriti mooolti set di fotografie e quindi le thumb diventeranno moooooooooolte. Vorrei evitare di usare pagine diverse contenenti ognuna solo alcuni set di fotografie ma usare un'unica pagina

[Francis87]

ah ok ho capito.

però non so come poter ovviare al tuo problema
se vuoi tutto in una pagina.....

se trovi una soluzione dimmi!

[Shores]

In realtà è abbastanza semplice:
Si tratta semplicemente di lasciare inizialmente tutte le IMG non visibili con src="0.gif" (una qualunque gif trasparente d'un solo pixel).

Dopodichè, prima dell'apertura della div scriverai:

foto=new Image (430,24);
foto.src="images/gif/cartel_left.gif";

Dove naturalmente avrai sostituito percorso e dimensioni con quelle della immagine giusta, e poi, supponendo di avere dato alla tua image id="foto01",

document.getElementById("foto01").src="images/gif/cartel_left.gif";

Le prime due righe servono a precaricare l'immagine, così che la div si apra solo quando l'immagine è pronta, la seconda fa apparire l'immagine.

Ciao!

[MicheleWT]

grandioso Shores! il problema è che io però ho appena iniziato a vedere js e quindi non saprei applicare il tuo consiglio ti posto una parte della pagina che servirà come esempio per le altre potresti gentilmente indicarmi come fare? Grazie cmq per l'aiuto

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="488" id="AutoNumber2">
<tr>
<td width="45" align="center" valign="top">
[img]../Immagini/pagine/punto2.gif[/img]</td>
<td width="443" align="left">
<h1 style="cursor:hand" onClick="expandit(this)">Lezione a casa di Master Filippo Cuciuffo</h4>

<span style="display:none">

<table border="3" bgcolor="#ff0000" bordercolor="000000" cellpadding="5" cellspacing="5" nowrap align="center" width="160">
<tr>
<td bgcolor="#000000" align="center">
[img]../Immagini/fotografie/damastercuciuffo1.gif[/img]</td>
<td bgcolor="#000000" align="center">
[img]../Immagini/fotografie/damastercuciuffo2.gif[/img]</td>
</tr>
</table>
</span>
</td>
</tr>

[Shores]

Beh, allora, andiamo per passi:

1)Ogni immagine a cui vuoi applicare questo metodo deve prima di tutto avere SRC="unaimmaginemicroscopica.gif", poi deve avere ognuna un ID differente.

2)nel codice che rende visibile un dato box, PRIMA del codice che effettivamente lo rende visibile, devi aggiungere le righe che ti ho indicato, naturalmente corrette per puntare all'ID della foto in questione.

Tutto qui!

[MicheleWT]

beh, scusa ma non riesco!

ti posto un pezzetto di codice puoi farmi quà un esempio (per me già quando parli di id è un problema! ) l'url della gif microscopica diciamo che è ../Immagini/pagine/microscopica.gif

<table style="border-collapse: collapse" width="488" id="AutoNumber2">
<tr>
<td width="443" align="left">
<h1 style="cursor:hand" onClick="expandit(this)">Lezione a casa di Master Filippo Cuciuffo</h4>
<span style="display:none">

<table border="3" bgcolor="#ff0000" bordercolor="000000" cellpadding="5" cellspacing="5" nowrap align="center" width="160">
<tr>
<td bgcolor="#000000" align="center">
[img]../Immagini/fotografie/damastercuciuffo1.gif[/img]
</td>
<td bgcolor="#000000" align="center">
</tr>
</table>

</span>
</td>
</tr>
</table>

scusa se approfitto della tua disponibilità!