sarik,
примерно так 2 вариант ...
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script>
var img_r = new Image();
img_r.src = "http://javascript.ru/forum/images/smilies/write.gif";
function img_size(val){
var kartinka = document.getElementById("kartinka");
kartinka.src = img_r.src;
var img = new Image();
img.onload = function() {
kartinka.src = this.src
};
switch(val){
case "0":
img.src = "http://www.starlexx.com/Touareg/img/2.png";
break;
case "00":
img.src = "http://www.starlexx.com/Touareg/img/3.png";
break;
case "135":
img.src = "http://www.starlexx.com/Touareg/img/4.png";
break;
case "235":
img.src = "http://www.starlexx.com/Touareg/img/5.png";
break;
case "450":
img.src = "http://www.starlexx.com/Touareg/img/6.png";
break;
}
}
</script>
<img src="http://www.starlexx.com/Touareg/img/1.png" border="0" alt="" id="kartinka"/>
<input type="radio" name="simple" value="0" onclick="img_size(this.value)" />Крассный `Flash`
<input type="radio" name="simple" value="00" onclick="img_size(this.value)" />Синий `Sea Blue`
<input type="radio" name="simple" value="135" onclick="img_size(this.value)" />Крассный `Flash`
<input type="radio" name="simple" value="235" onclick="img_size(this.value)" />Синий `Sea Blue`
<input type="radio" name="simple" value="450" onclick="img_size(this.value)" />Крассный `Flash`
</body>
</html>
начало скрипта надеюсь вам даст понятие как организовать предварительную загрузку.