Evo preporuke, primer:
Code:
<select id="sorser" onchange="menjajSors (this.value);">
<option value="">- biraj -</option>
<option value="http://farm3.static.flickr.com/2328/1504623644_0d8a742470_o_d.jpg">kec</option>
<option value="http://farm3.static.flickr.com/2148/1496652871_06ef7616dd_o_d.jpg">dva</option>
</select>
<img id="slika" width="1" height="1" onload="promenjenoJe ();" />
<textarea id="monitor" cols="99" rows="8"></textarea>
<script>
function menjajSors (sors) {
if (sors == '') return;
document.getElementById ('slika').src = sors;
pribelezi ('menjanje');
}
function promenjenoJe () {
pribelezi ('promenjeno');
}
function pribelezi (fraza) {
document.getElementById ('monitor').value += new Date ().toString () + ' ' + fraza + ' ' + document.getElementById ('slika').src + '\n';
}
</script>
Testiraj, videćeš da radi asinhrono, jer img element ima hendler onload - to bi trebalo da bude dovoljno, a rekao bih i da je prilično jednostavno.
Nije mi jasna tačka 2 opisa scenarija, no to ne pravi nikakvu frku dogod zahtev šalješ get metodom i dobijaš nazad sliku s regularnim zaglavljem i sadržajem.
Za tačku 4, nadam se da znaš kako s tim na kraj, nisam se bakćao s apletima pa ne mogu dalje ni da pomognem.