[Dilettante_Pro]

yameck, плохо понял, но как-то так:

Выберите картинку:
<img id="i1" style= "width:100px;height:100px" src=""/>
<img id="i2" style= "width:100px;height:100px" src=""/>
<div id="mess" style="display:none">Вы ошиблись, попробуйте еще раз</div>
<script>
 var image1 = ["http://javascript.ru/cat/list/scriptaculous_54.png","http://javascript.ru/cat/list/dom.gif","http://javascript.ru/cat/list/firefox.gif"],
      image2 = ["http://javascript.ru/cat/list/jquery_54.png","http://javascript.ru/cat/list/event.gif","http://javascript.ru/cat/list/opera.gif"],
      i = 0;
        i1.src =  image1[i];
        i2.src =  image2[i];
  i1.onclick = function() {
       this.src = "http://javascript.ru/cat/list/donkey.gif";
       mess.style.display = "block";
  }
  i2.onclick = function() {
   if (i1.src != "http://javascript.ru/cat/list/donkey.gif") {
     if (i < 2 ) {
        i++;
        i1.src =  image1[i];
        i2.src =  image2[i];
     }
     else { alert("Вот и все");
        i = 0;
        i1.src =  image1[i];
        i2.src =  image2[i];
       }
    }
  }
  mess.onclick = function() {
      i1.src =  image1[i];
      mess.style.display = "none";
  }

</script>