jquery - テキストカルーセルクロスフェード効果?

Question

文中の 1 つの単語を他のいくつかの単語に置き換える単純なテキスト カルーセルを実装しようとしています。それらはフェードイン/フェードアウトし、コンテナーの幅は新しい単語に合わせて縮小/拡大する必要があります。簡単に聞こえますが、私たちは苦労しています。

www.branch.comの 2 行目のように機能するはずです。

このためのプラグインが見つかりませんか? 画像カルーセルは確かですが、テキストではなく、前のコンテナを変更するものではありません。

単語を通過しますが、コンテナの幅を変更する必要があります。

    $('#caption p:gt(0)').hide();
    setInterval(function() {
        $('#caption span:first-child').fadeOut('slow')
           .next('span').fadeIn('slow')
           .end().appendTo('#caption');
    }, 2000);

これは

 <div id="caption">
      <span>best</span>
      <span>ultimate</span>
      <span>excellent</span>
      <span>fantastic</span>
   </div>

町のウェブサイト。

#container {
   position: relative;
}

#container p {
   position: absolute; 
   top: 0; 
   left: 0;
}

助言がありますか？