Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 关于JSSOR滑块的几个问题_Jquery_Slider_Slideshow_Jssor - Fatal编程技术网

Jquery 关于JSSOR滑块的几个问题

Jquery 关于JSSOR滑块的几个问题,jquery,slider,slideshow,jssor,Jquery,Slider,Slideshow,Jssor,我下载了JSSOR Slider FULLPACK并决定使用此图库: 我将其插入到我的页面中,与源代码中显示的相同。但没有显示缩略图或导航箭头 然后,我将显示的当前图像的尺寸更改为306x306,因为这是我将使用的图像的大小,并将缩略图大小更改为64x64,因为这是我的缩略图的大小 幻灯片的主图像可以工作,但缩略图是主幻灯片的一部分,而不是在主图像下方。还没有导航箭头显示 这里有两张图片向您展示: 我知道箭头不显示,因为它们处于默认值: <span u="arrowleft" class

我下载了JSSOR Slider FULLPACK并决定使用此图库:

我将其插入到我的页面中,与源代码中显示的相同。但没有显示缩略图或导航箭头

然后,我将显示的当前图像的尺寸更改为306x306,因为这是我将使用的图像的大小,并将缩略图大小更改为64x64,因为这是我的缩略图的大小

幻灯片的主图像可以工作,但缩略图是主幻灯片的一部分,而不是在主图像下方。还没有导航箭头显示

这里有两张图片向您展示:

我知道箭头不显示,因为它们处于默认值:

<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;">