Vedel by mi niekto poradiť?


Mám na internete urobenú rozsiahlu webovú stránku, je to môj rodostrom ( www.rodostrom.mci.sk )

Mám tam okolo 300 príbuzných aj s fotkami.

Problém je v tom, že celá webová stránka sa dlho načítáva.
Mám to tam urobené tak, že pri každom mene je malý štvorček a pri ukázaní pointerom na ten štvorček, obrázok,
ktorý tam je už nahratý sa objaví (css atribút visibility sa mení z "hidden" na "visible"
v závislosti od toho či šípka na myši je na štvorčeku alebo nie)



Potreboval by som poradiť, ako sa to dá urobiť tak, aby sa tie obrázky načítávali dynamicky, tj. tak, aby sa
nahrávali postupne iba tie obrázky, ktoré si chce návštevník stránky prezrieť.




************************************************** ************************************************** **********

ukazka z css kódu:

// css pre fotku prislúchajúcu malému štvorčeku

#milan_chnapek {
position: absolute;
width: 126px;
height: 183px;
z-index: 1154;
left: 218px;
top: 1850px;
visibility: hidden;
}


// malý štvorček

#ap_milan_chnapek {
position: absolute;
width: 10px;
height: 10px;
z-index: 1152;
left: 155px;
top: 1938px;
visibility: visible;
}




ukazka z HTML kódu:

// malý štvorec

<div id="ap_milan_chnapek" onmouseover="MM_showHideLayers('milan_chnapek','', 'show');
MM_controlShockwave('tuk','','Play')" onmouseout="MM_showHideLayers('milan_chnapek','',' hide')">
<img src="fotky/fotka_ikona2.jpg" width="21" height="21" />
</div>


// htlml pre fotku

<div id="milan_chnapek">
<img src="fotky/milan_chnapek.jpg" class="shadowbox2" width="126" height="183" />
</div>