jQuery Code Optimieren

[nchristoph]

Hallo Zusammen,

ich bin am Tüfteln, wie ich meinen jQuery Code Optimieren kann.

Und zwar hab ich folgenden Code:

	jQuery("#massaranduba").click(function(){
		jQuery("#austausch").html('<img src="/fileadmin/user_upload/inhaltsbilder/holzimgarten/startneu/images/holzarten/massaranduba.png" />').hide().fadeIn('slow');
		jQuery("#link").html('<a href="#">Weitere Informationen zu Massaranduba</a>').hide().fadeIn('slow');
	});

Der soll mir das Bild im Container mit der ID #austausch einfaden.
Funktioniert alles soweit so gut. Nur wenn man die auf weitere Bilder klickt, "hüpft" die Seite hin und her bis das nächste Bild geladen ist.

In Aktion kann man das ganze hier sehen:

http://keplinger.baldneu.at/produkte/holz_im_garten/

Wie kann ich den Code nun Optimieren, das dieses hin und herhüpfen nicht mehr so auffällt bzw. gar nicht mehr auftaucht?

Bin relativ neu bei jQuery von daher bitte um Nachsicht falls der Code nicht so schön sein sollte.

Grüsse

 

[Bratkartoffel]

Hi,

mach das div#austausch per CSS fix 200px (bzw. so groß wie dein Bild halt ist) groß.

Grüße,
BK

 

[nchristoph]

Wenn ich das von Beginn an mache, habe ich einen unschönen Abstand zwischen dem Carousel und dem Hauptbild.

Kann ich mit jQuery die Höhe auch festlegen? Also das beim Klick style="height:196px" hinzugefügt wird?