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つのタイルが表示されます。
ここで、最初と最後に表示されるタイルにクラスをアタッチして、これらの要素にも境界線を付けたいと思います。
プラグインを掘り下げることなくこれは可能ですか?
ヒントをありがとう。ここで完全に失われました。