Ajax image loader

Jeg ved ikke hvad "et load-live billede" er, men man kan gøre det i java script:

<img src="default.gif" id="defimg">

<script type="text/JavaScript" language="JavaScript">
di = document.getElementById('defimg');

a = new Image();
a.onload=function() { di.src = a.src };
a.src = 'big.jpg';
</script>

Billedet "default.gif" er et lille billede, f.eks. en animation der symboliserer load..

Billedet "big.jpg" er et stort billede, der tager lidt tid at loade..

Kan det laves til en funktion som ville virke på X antal billeder ligemenet hvad de hedder !?? (samme load billede selvf. men evt 10 forskellige store billeder)

Eksempel:


<a href="#" onclick="loadnytbillede('big-1.jpg');return false">Load stort billede nummer 1</a>
<br>
<a href="#" onclick="loadnytbillede('big-2.jpg');return false">Load stort billede nummer 2</a>
<br>
<img src="" id="defimg">
<br>
<script type="text/JavaScript" language="JavaScript">
di = document.getElementById('defimg'); /* denne linie SKAL være efter linien <img src.... */
loaderbillede = 'loader.gif';
di.src = loaderbillede

function loadnytbillede(filnavn)
{
di.src = loaderbillede;

a = new Image();
a.onload=function() { di.src = a.src };
a.src = filnavn;
}
</script>


Det vil nok være en god ide, at skule load-billedet..

skule = skjule

Næh.. glem det.. det erstattes jo af billedet man vil loade.. :-)

Kig evt på http://ajax.asp.net/ der er et fremragende extension set + toolkit der vil gøre det nemt at udvikle ASP.NET + AJAX applicationer med Visual Studio fx. (eller den gratis Web Developer)

Der kan du bruge UpdatePanels, og på 2 minutter tilføje et panel med billedet der skal loades samt et panel med vente billedet.
Det er meget nemt at bruge. Se evt. de video guides der er på siden.

@ TheSurfer
Læg et svar tak.

Et svar er lagt.