Uitklapmenu zonder img preload

[Verwijderd]

Ik zit met de volgende situatie: er worden een aantal 'records' weergegeven met wat algemene info en 1 foto. Onderaan staat een link "bekijk meer foto's" waarna de rest zichtbaar wordt via een uitklapsysteem vergelijkbaar met http://www.dynamicdrive.com/dynamicindex1/navigate2.htm

Nu heb ik deze oplossing om ruimte te besparen en niet steeds een nieuwe pagina te moeten openen. Maar nog een belangrijk gegeven is de laadtijd en traffic. Bij bijvoorbeeld 6 records met elk 5 plaatjes van ruwweg 8kB is het al 240kB en dan neem ik een voorzichtig voorbeeld. Terwijl doorgaans die plaatjes niet eens bekeken worden.
Kortom ik wil er dus voor zorgen dat de 'hidden' plaatjes pas ingeladen worden op het moment dat er daadwerkelijk uitgeklapt wordt. Ik neem aan dat dit met javascript moet, maar wat is de makkelijkste oplossing? Pas zodra er uitgeklapt wordt de img tags er naartoe schrijven?

[faabman]

dan maak je een div die je via dom de plaatjes toekent...

JavaScript:

function addPlaatje(src){
  var objPlaatje = document.createElement('img');
  
  objPlaatje.src = src;

  var objDiv = document.getElementById('idvanjeDiv');
  
  objDiv.appendChild(objPlaatje)
}

op het moment dat je de div via DHTML (div.style.display = 'block';) zichtbaar maakt roep je ook de functie aan de de plaatjes oproept...

_{disclaimer: niet getest}