jQuery fadeIn() für Text- und Bildänderungen?

[Phil]

Hallo zusammen
Mit dem folgenden JS-Code ändere ich in einem Interval ein Text und ein Bild. Gibt es eine Möglichkeit den Wechsel mit jQuery fadeIn() sanfter zu gestalten? So wirkt alles etwas abgehackt.

  
$('.media-left img').attr('src', image_url);  
$('.media-left p').text(description);  

Vielen Dank für eure Hilfe.
Viele Grüsse, Philipp

[molily]

Hallo,

Gibt es eine Möglichkeit den Wechsel mit jQuery fadeIn() sanfter zu gestalten?

Keine einfache.

Du kannst höchstens ein zweites img und ein zweites p einfügen, beide mit CSS übereinander positionieren und dann fadeIn sowie fadeOut gleichzeitig verwenden. Dann sieht es so aus, als würde der alte Text/Bild verschwinden und der neue Text/Bild gleichzeitig erscheinen. Wenn die Animation gelaufen ist, kannst du das alte img/p aus dem DOM entfernen.

Ob das wirklich gut aussieht, weiß ich nicht, das hängt davon ab, wie der Text positioniert ist.

Mathias

[Phil]

Vielen Dank für deine Hilfe!