Jquery 关于JSSOR滑块的几个问题
我下载了JSSOR Slider FULLPACK并决定使用此图库: 我将其插入到我的页面中,与源代码中显示的相同。但没有显示缩略图或导航箭头 然后,我将显示的当前图像的尺寸更改为306x306,因为这是我将使用的图像的大小,并将缩略图大小更改为64x64,因为这是我的缩略图的大小 幻灯片的主图像可以工作,但缩略图是主幻灯片的一部分,而不是在主图像下方。还没有导航箭头显示 这里有两张图片向您展示: 我知道箭头不显示,因为它们处于默认值:Jquery 关于JSSOR滑块的几个问题,jquery,slider,slideshow,jssor,Jquery,Slider,Slideshow,Jssor,我下载了JSSOR Slider FULLPACK并决定使用此图库: 我将其插入到我的页面中,与源代码中显示的相同。但没有显示缩略图或导航箭头 然后,我将显示的当前图像的尺寸更改为306x306,因为这是我将使用的图像的大小,并将缩略图大小更改为64x64,因为这是我的缩略图的大小 幻灯片的主图像可以工作,但缩略图是主幻灯片的一部分,而不是在主图像下方。还没有导航箭头显示 这里有两张图片向您展示: 我知道箭头不显示,因为它们处于默认值: <span u="arrowleft" class
<span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 158px; left: 8px;">
<span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 158px; right: 8px">
现在有这些问题:
</div>
<!-- Arrow Navigator Skin Begin -->
<style>
与
re 1:缩略图偏移
您需要调整缩略图皮肤的css
re 2:中心滑块
使用“边距:0自动;”中心元素
<div id="slider1_container" style="...;margin: 0 auto;...">
首先,右箭头末尾缺少分号
<span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 158px; right: 8px">
应该是
<span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 158px; right: 8px;">
你也上传了你的箭头图像到你的img文件夹在线。这两个代码列在您网页t01.png和a17.png的源代码中,请将它们上载到您的服务器。请在此发布完整代码添加上面的幻灯片代码和脚本代码请在上面添加脚本代码确定修复了显示的缩略图和箭头。。。。。谢谢我有其他问题,我已经添加到原来的职位。谢谢。非常感谢。
<div id="slider1_container" style="...;margin: 0 auto;...">
$ThumbnailNavigatorOptions: { //[Optional] Options to specify and enable thumbnail navigator or not
$Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
$ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
$ActionMode: 1, //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
$SpacingX: 8, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
$Cols: 4, //[Optional] Number of pieces to display, default value is 1
$Align: 0 //[Optional] The offset position to park thumbnail
}
<span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 158px; right: 8px">
<span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 158px; right: 8px;">