缩略图导航器不显示开始索引之前的图像
Thumbnail Navigator does not display images before start index
我在我的项目中使用 Jssor Thumbnail Slider。
您可以看到以下选项:
var ajxSayfa = $('#itSayfa').val();
if(''==ajxSayfa || null==ajxSayfa){
ajxSayfa = '0';
}
console.log(ajxSayfa);
var jssor_1_options = {
$StartIndex: ajxSayfa,
$AutoPlay: 0,
$Loop:0,
$ArrowNavigatorOptions: {
$Class: $JssorArrowNavigator$
},
$BulletNavigatorOptions: {
$Class: $JssorBulletNavigator$,
$Rows: 4,
$SpacingX: 5
},
$ThumbnailNavigatorOptions: {
$Class: $JssorThumbnailNavigator$,
$Rows: 1,
$Cols: 6,
$Orientation: 2,
$AutoCenter: 2,
$Loop:0,
}
};
var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
如果 $StartIndex 不为 0,$StartIndex 之前的图像将无法在缩略图导航器中显示。
有没有办法在缩略图导航器中查看所有图像,即使 $StartIndex 不是 0?
而且缩略图导航器还有一个问题。当我在图像之间导航时,缩略图导航器会自动旋转,如果项目多于 $Cols,则当前图像的缩略图会置顶。
我想在缩略图导航器的中间显示当前图像的缩略图。有这个选项吗?
这是我关于 Jssor 的第二个问题。第一个还没回复。希望这个问题能得到解答
非常感谢!
M.
带有选项 $Loop:0
的缩略图显示问题已得到修复。
请下载最新版本。
此外,请设置 $Align
以对齐活动缩略图。
例如
$ThumbnailNavigatorOptions: {
$Class: $JssorThumbnailNavigator$,
$Cols: 5,
$SpacingX: 5,
$SpacingY: 5,
$Align: 390
}
如果 $StartIndex 不为 0,图像显示没有问题。
打开下面的link,可以进行设置看看效果如何。
我在我的项目中使用 Jssor Thumbnail Slider。
您可以看到以下选项:
var ajxSayfa = $('#itSayfa').val();
if(''==ajxSayfa || null==ajxSayfa){
ajxSayfa = '0';
}
console.log(ajxSayfa);
var jssor_1_options = {
$StartIndex: ajxSayfa,
$AutoPlay: 0,
$Loop:0,
$ArrowNavigatorOptions: {
$Class: $JssorArrowNavigator$
},
$BulletNavigatorOptions: {
$Class: $JssorBulletNavigator$,
$Rows: 4,
$SpacingX: 5
},
$ThumbnailNavigatorOptions: {
$Class: $JssorThumbnailNavigator$,
$Rows: 1,
$Cols: 6,
$Orientation: 2,
$AutoCenter: 2,
$Loop:0,
}
};
var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
如果 $StartIndex 不为 0,$StartIndex 之前的图像将无法在缩略图导航器中显示。
有没有办法在缩略图导航器中查看所有图像,即使 $StartIndex 不是 0?
而且缩略图导航器还有一个问题。当我在图像之间导航时,缩略图导航器会自动旋转,如果项目多于 $Cols,则当前图像的缩略图会置顶。
我想在缩略图导航器的中间显示当前图像的缩略图。有这个选项吗?
这是我关于 Jssor 的第二个问题。第一个还没回复。希望这个问题能得到解答
非常感谢!
M.
带有选项 $Loop:0
的缩略图显示问题已得到修复。
请下载最新版本。
此外,请设置 $Align
以对齐活动缩略图。
例如
$ThumbnailNavigatorOptions: {
$Class: $JssorThumbnailNavigator$,
$Cols: 5,
$SpacingX: 5,
$SpacingY: 5,
$Align: 390
}
如果 $StartIndex 不为 0,图像显示没有问题。
打开下面的link,可以进行设置看看效果如何。