Anything Slider предотвращает бесконечную миниатюру карусельной петли

Я использую JQuery Anything Slider / PHP / MySQL. Все работает, как и ожидалось в моем коде. Однако я хотел бы отключить стрелку назад карусели миниатюр, если вы отображаете первый набор миниатюр. Я также хотел бы отключить перемотку вперед, если вы отображаете последний набор миниатюр из набора изображений. Другими словами, я хочу предотвратить бесконечное зацикливание карусели миниатюр. Любая помощь будет принята с благодарностью. Вот мой код

<div class="anythingSlider">
            <div class="thumb_wrapper">
              <ul style="list-style-type: none;">
                <?php 
                $new = 1; 
                $count = 0; 
                do { 
                    if ($new == 1)
                        {echo '<li style="list-style-type: none;">';} ?> <div class="thumb" data-count="<?php echo $count; ?>" data-thumb="<?php echo $image_row['thumb']; ?>"   ><img title="<?php echo $image_row['description']; ?>" data-image="<?php echo $image_row['image']; ?>" src="<?php echo $image_row['thumb']; ?>" alt="<?php echo $image_row['description']; ?>" /></div>
                <?php $count++; 
                        if ($new == 5)
                        { echo "</li>"; $new = 1;
                        } else {
                            $new ++;}
                    } 
                while ($image_row = mysql_fetch_array($image));  ?>
              </ul>
            </div>
          </div> 

Дополнительная информация... Вот мои варианты Anything Slider.

function formatText(index, panel) {
              return index + "";
          };

        $(function () {

            $('.anythingSlider').anythingSlider({
                easing: "easeInOutExpo",            
                autoPlay: false,                    
                delay: 3000,                        
                startStopped: false,                
                animationTime: 600,                 
                hashTags: true,                     
                buildNavigation: true,              
                pauseOnHover: true,                 
                startText: "Go",                    
                stopText: "Stop",                   
                navigationFormatter: formatText     
            });

});

1 ответ

Решение

Вы видели это демо? В основном просто установить infiniteSlides возможность false а также stopAtEnd в true

$('#slider').anythingSlider({
    infiniteSlides: false,
    stopAtEnd: true
});
Другие вопросы по тегам