jQuery .fadeIn() / .fadeOut unerwünschter Effekt

[aargau]

Ich habe folgendes Problem:
In einer Galerie blende ich Bilder via jQuery aus und das nächste wieder ein. Dummerweise mit einem nicht erwünschen effekt. Sobald die Fadefunktion bei 0 ist spring der ganze Content welcher unterhalb des Bildes ist nach oben bis das Bild wieder eingeblendet wird. Das sind zwar wirklich nur sehr wenige Millisekunden, allerdings ist es doch sehr nervend und zerstört den Effekt einfach.
Meine Frage nun an euch: Wie kirege ich diesen weg? Ich gehe davon aus dies dier aus dem Grund passiert weil die Grösse des neuen Bildes noch nicht bekannt ist und entsprechend auf 0px zurückfällt.

Der Code:

$('#thePic').fadeOut('fast', function() {
                
                $(this).html(
                '<img src="'+mirror+pic_lines[id][4]+'" alt="'+event_name+'"><br><font align="left">Fotografiert von <A HREF="member.php?id='+pic_lines[id][8]+'" class="usr" u="'+pic_lines[id][8]+'">'+pic_lines[id][7]+'</A>  Am '+Zeit+'</font>').fadeIn('fast');
  });

 

[chmee]

kleiner Trick. Nimm nicht fadeIn und FadeOut, sondern setze die Opacity manuell auf 1% bzw. 100%.

# ausfaden
$('#thePic').fadeTo('fast', 0.01, function(){});

# und wieder rein
$('#thePic').fadeTo('fast', 1, function(){});

Damit umgehst Du den Umstand, dass das Div bei Opacity 0 verschwindet.

mfg chmee

 

[MarcelD]

wie "chmee" schon meint, display entfernt das Objekt bei value=0.
Allerdings ist es möglich bei gleichbleibender Größe der Bilder, dem Parent eine feste große zu geben.

Dann bleibt der Content in gewohnter Form

Gruß, MarcelD