0

jQuery スライダーを 1 つ作成します。最初と最後のサムネイルの外観で左矢印と右矢印を表示/非表示にしたいだけでなく、背景画像のフェードイン/フェードアウト方法をアニメートしたいだけです。ここにデモリンクがありますhttp://jsfiddle.net/NwmLL/8/助けてください。

4

1 に答える 1

0

矢印の変更を処理するために、liSelectが最初または最後のオプションであるかどうかを確認し、それぞれ非表示/表示を変更する簡単な関数を追加しました。

function checkArrows() {
        if($('ul#carousel>li:last').is('.liSelect')) {
            $(".rightArrow").fadeOut('slow');
        }
        else {

           $(".rightArrow").fadeIn('slow'); 
        }

        if($('ul#carousel>li:first').is('.liSelect')) {
            $(".leftArrow").fadeOut('slow');
        }
        else {
           $(".leftArrow").fadeIn('slow'); 
        }
    }​

また、背景をフェード インおよびフェード アウトできるようにするには、フロント レイヤー (つまり、カルーセル) を非表示にしないようにする必要があるため、例として下に別の div を追加しました。

フィドル

お役に立てれば ：）

于 2012-07-25T10:25:16.623 に答える