Как я могу изменить что-нибудь Slider, чтобы он отключил следующие / предыдущие кнопки, когда только 1 <li>в <ul>? - PullRequest
Новая
       11

Как я могу изменить что-нибудь Slider, чтобы он отключил следующие / предыдущие кнопки, когда только 1 <li>в <ul>?

0 голосов
/ 12 мая 2010

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

Ссылка: http://ceedcreative.com/CEED_2.0/

Я хотел бы отредактировать whatSlider, чтобы отключить предыдущие / следующие кнопки, если отображаемый UL имеет только один LI.

Другими словами, нет кнопок, просто чистый div, такой же высоты и ширины (без прокрутки), если есть только одно изображение.

1 Ответ

1 голос
/ 12 мая 2010

Попробуйте это 

$('.anythingSlider:not("#topSlider")').each(function(i, slider) {
    // If any slider has less than 2 let members
    if ( $("ul li", slider).length < 2 ) {
        // don't apply the slider functionality
        return;
    }

    $(slider).anythingSlider({
        easing: "easeInOutExpo",
        autoPlay: false,
        delay: 3000,
        startStopped: false,
        animationTime: 600,
        hashTags: false,
        buildNextPrevButtons: true,
        buildNavigation: false
    });
});

Если по какой-то причине это не сработает, этот фрагмент будет проверять длину списка каждого anySlider и скрывать кнопки со стрелками для любого списка длиной всего 1 (после исключения переднего и заднего клонов). 

$(".anythingSlider").each(function(i, slider) {
    if ( $("ul li", slider).not(".cloned").length == 1 ) {
        $(".arrow", slider).hide();
    }
});
...