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
});