Performance-Problem beim Rendern der Seite

[Hallowelt]

Hallo!

Das untenstehende Javascript baut dynamisch ein paar kleine Bilder (ca. 20) in eine ansonsten sehr einfach gehaltene Webseite ein. Google Chrome rendert gewohnt fix, Firefox 18 und IE 8 hingegen hängen sich ca. 3 Sekunden auf.

Ich frage mich, warum das so ist und wie man es beheben könnte. Facebook z.B. bindet ja locker weit mehr Bilder pro Seite ein und da hängt nie etwas. Zudem liegen diese Bilder bei mir sogar noch lokal auf der Festplatte.

  
function bq_init(){  
	var bq_thumbs = $('#brunnen_images');	  
	  
	var thumbs = [];  
	  
	for(var i = 0; i < bq_cnt; i ++){  
		thumbs.push(  
			'<a href="javascript: showBrunnen(\'' + (i + 1) + '\')"><img src = "media/thumbs/' + (i + 1) + 'a.jpg"> </img></a>'  
		);		  
	}  
		  
	bq_thumbs.html(thumbs.join(""));		  
}  

Hoffentlich kann mir jemand weiterhelfen, vielen Dank schon mal! :-)

Gruss
H.