2011-06-25 1 views
0

マイスライダには、画像、キャプション、および情報テキストが含まれています。関連するスライダーイメージの上に情報テキストをロード(フェードイン)したい。スライダイメージの前にイメージまたは(情報テキスト)をフェードインしますか?

例えば slider1 1持ちcaption1と情報テキスト1 スライダ2つcaption2と情報テキストを持つスライダー2からslider1の変更は、情報テキスト2は、スライダ2の前面に別のエンティティとしてフェードインする必要があり2.

とそうです。

+0

問題は何でそれらをフェードインしますjQueryを使って解決策を与えるのだろうか? –

答えて

0

これはjqueryのようなjavascriptファミリの使用が非常に簡単であることが必要です。 私はあなたにその非常にシンプル

$(document).ready(function(){ 
    $("#mySlider .slider").each(function(){ 
    $(this).fadeIn("slow"); 

    }); 

    }); 
    <div id="mySlider"> 
    <div class="slider"><span>here is the caption </span><img src="../images/1.jpg" /> </div> 
<div class="slider"><span>here is the caption </span><img src="../images/2.jpg" /> </div> 
<div class="slider"><span>here is the caption </span><img src="../images/3.jpg" /> </div> 
    </div> 

jqueryのコードは、すべてのスライダーを一つずつtreateと

関連する問題