フェードスライドショーJqueryの問題

Question

フェード効果を持つjqueryを使用してスライドショーを作成しました。スライドショーの問題は画像を追加すると正しく表示されますが、画像の代わりにテキストを追加すると、 、私はそれを上に固定したい。実際に問題は、私がやっていることは、私が6を持っているためですli私は最初にliを有効にして休憩を無効にして、今すぐ最初にliとfadein効果をフェードアウト効果を与えている今li、今は最初にliフェードアウトし、次にliがフェードインし、その時にテキストがバウンスしますが、これはイメージでは起こらない理由を理解できません。ここに私の完全なコードがあります。

することはできdownload full projectとビュー

あなたはH1要素とそのようにフェード効果を設定するのと同じくらい簡単です、jquery.cycleを使用して誤った出力

Answer 1

を見ることができることを交換した場合、現在のdivは、画像が含まれています以下。

$('#slideshow').cycle({ 
    fx:'fade', 
    slideExpr: '.slide' 
}); 

フェード効果（FX）のサイクルプラグイン内の標準的なものです：

<div id="slideshow"> 
    <div class="slide"> 
     <p>Some text</p> 
     <img ... /> 
    </div> 
    <div class="slide"> 
     <p>Some text</p> 
     <img ... /> 
    </div> 
    <!-- more slides ... --> 
</div> 

は、その後、あなたのjavascriptがある：あなたがHTMLのようになるはずです。 slideExprは、スライドのメイン（この場合は#slideshow）ラッパーの中のスライド要素を選択するjqueryセレクターを定義します。