Ladezeit verringern - Bilder

[kAr]

Hallo Leute,
habe eine Art Liste (zumindest vom Aussehen her) erstellt.

Beispiel:
Produkt 1
Produkt 2
Produkt 3
Usw…

Wenn man nun auf Produkt 1 klickt öffnet sich zwischen Produkt 1 und Produkt 2 das Bild zu Produkt 1. Wenn man auf Produkt 2 klickt öffnet sich zwischen Produkt 2 und Produkt 3 das Bild zu Produkt 2 usw….

So weit so gut. Aber wenn man auf die Seite kommt, ladet er alle Bilder gleichzeitig!? Was bei mehreren Produkten ordentlich dauert...

Kann man die Bilder nicht auch erst per Mausklick auf das gewünschte Produkt/Link laden? Ich hatte mal was aber finde es leider nicht mehr ;(

(img lowsrc="" funkt ja nicht mit IE & Firefox?)

Code sieht abgespeckt(!) so aus:
[code lang=html
<div class="produkt">
<a href="javascript:void(0)" onclick="javascript:toggleMe('produkt0')"> Produkt 1</a>
<div class="produktdetails" id="produkt0">
<img src="data/elitep.jpg" style="width:100%" border="0"></a>
</div>
</div>
[/code]

Vielen Dank im Voraus ;p