Bilder über onfocus laden

[master_Q]

Hallihallo,

ich hab eine schnelle Frage:

Ich habe ein Formular und wenn ein bestimmtes input-Feld aktiviert ist über onfocus, dann sollen in der zweiten Spalte der Website alle dazugehörigen Produktbilder zu diesem input-feld geladen werden.

ich schaffe ein einzelnes Bild zu laden bei onfocus. aber wie lade ich mehrere Bilder untereinander gleichzeitg??

  
  
<!--Image - Preloader -->  
var arrImg = new Array();  
arrImg[0] = new Image();  
arrImg[0].src = "images/produkt1.png";  
  
arrImg[1] = new Image();  
arrImg[1].src = "images/produkt2.png";  
  
arrImg[2] = new Image();  
arrImg[2].src = "images/produkt3.png";  
  
function swapImage(imgName, intImg){  
	document.getElementById(imgName).src = arrImg[intImg].src;  
  
return false;  

  
<img src="" name="start" id="start" width="650px" height="400px">  
<input type="text" name="produkt1" id="produkt1"  onfocus="return swapImage('start', 7)"/>