1

flowplayerのjQueryツールスライダーを使用しています

垂直方向にスクロール可能な合計4つのタイルを設定し、一度に3つのタイルを表示します。ラッピング要素には境界線の半径があり、ビュー内のそれぞれの最初と最後のタイルに半径を設定したいと思います。

これは私が持っているものです:

<div class="iTunesBanner" style="border-radius: .6em">
    <div class="outer_container">
        // other stuff
    </div>

    <div class="scroll_container">
        <div class="scrollable vertical">
            <div class="items">
                <div class="logo_container"></div>
                <div class="logo_container"></div>
                <div class="logo_container"></div>
                <div class="logo_container"></div>
            </div>
        </div>
    </div> 
</div><!-- banner -->

およびinit:

$(function() {
    if ( $('.items').children().length > 1 ) {
        $(".scrollable").scrollable({ vertical: true, circular: true }).autoscroll(7500);
        $('.logo_container:eq(2)').clone().insertAfter('.logo_container:eq(4)').addClass('clone2nd cloned');
        $('.logo_container:eq(3)').clone().insertAfter('.clone2nd').addClass('clone3rd cloned');
        $('.logo_container:eq(4)').clone().insertAfter('.clone3rd').addClass('clone4th cloned');
    }
});

だから私は基本的に4+3の要素を作っており、それがメリーゴーランドになります。高さlogo_containerを1/3に設定しているscroll_containerので、一度に3つのタイルが表示されます。

ここで、最初と最後に表示されるタイルにクラスをアタッチして、これらの要素にも境界線を付けたいと思います。

プラグインを掘り下げることなくこれは可能ですか?

ヒントをありがとう。ここで完全に失われました。

4

2 に答える 2

0

これを試して:

$(".logo_container:first-child").addClass("first");
$(".logo_container:last-child").addClass("last");

3 つの余分な要素が追加された後に必ず配置してください。

于 2012-01-12T11:35:46.950 に答える
0

何かのようなもの

$('.logo_container:first, .logo_container:last').addClass('someclass');

多分?

于 2012-01-12T11:37:34.257 に答える