我需要我的缩略图幻灯片(我的旋转木马的一部分)停在最后一个缩略图而不是循环。我将循环参数更改为false但似乎没有任何效果。
我尝试了无限:false,和 infiniteLoop:false 。到达最后一个后,它仍会显示更多缩略图。神秘之处在于它不会永远循环。它仅在8个缩略图的最后一个缩略图之后继续。
<script type="text/javascript">
$(function () {
// wrap all thumbs in a <div> for the 3x3 grid
$div = null;
$('#thumbs').children().each(function (i) {
/*if ( i % 8 == 0) {
$div = $( '<div />' );
$div.appendTo( '#thumbs' );
}*/
$(this).appendTo($div);
$(this).addClass('itm' + i);
$(this).click(function () {
$('#images').trigger('slideTo', [i, 0, true]);
});
});
$('#thumbs img.itm0').addClass('selected');
$(document).ready(function () {
if (currentWindowSize >= 0 && currentWindowSize <= 768) {
var x = $(window).width();
var y = $(window).height();
var a = x / 2;
var b = y / 2;
$(".caroufredsel_wrapper").css('width', a);
$(".caroufredsel_wrapper").css('height', b);
//$('.caroufredsel_wrapper').width(400, a);
//$('.caroufredsel_wrapper').height(200, b);
//$("#images").css('width', a);
//$("#images").css('height', b);
}
});
// the big-image carousel
$('#images').carouFredSel({
direction: 'up',
circular: false,
infinite: false,
infiniteLoop: false,
//width: 656,
height: 492,
items: 1,
auto: false,
prev: '#prev .images',
next: '#next .images',
scroll: {
fx: 'directscroll',
onBefore: function () {
var pos = $(this).triggerHandler('currentPosition');
$('#thumbs img').removeClass('selected');
$('#thumbs img.itm' + pos).addClass('selected');
var page = Math.floor(pos / 9);
$('#thumbs').trigger('', page);
}
}
});
// the thumbnail-carousel
$('#thumbs').carouFredSel({
direction: 'up',
circular: false,
infinite: false,
infiniteLoop: false,
width: 80,
height: 492,
items: 1,
align: false,
auto: false,
prev: '#prev .thumbs',
next: '#next .thumbs'
});
});
</script>