Как добавить класс в первый и последний видимый элемент прокручиваемого изображения jQuery - PullRequest
Новая
       30

Как добавить класс в первый и последний видимый элемент прокручиваемого изображения jQuery

1 голос
/ 12 января 2012

Я использую ползунок jQuery tools от flowplayer

Я настроил вертикальную прокрутку, всего 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 плитки одновременно.

Теперь я хочу прикрепить класс к первой и последней видимой плитке, чтобы также дать границы этим элементам.

Возможно ли это без углубления в плагин?

Спасибоза любые намеки.Здесь полностью потеряно.

Ответы [ 2 ]

0 голосов
/ 12 января 2012

Что-то вроде 

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

возможно

0 голосов
/ 12 января 2012

Попробуйте: 

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

Убедитесь, что вы поставили это после добавления 3 дополнительных элементов.

...