jssor缩略图消失

我看了一下，看看应该是一个简单的答案，出于某种原因，我找不到它。jssor缩略图消失

我正在试验从示例here收集的这个惊人的滑块。考虑到我的滑块有更大的图像，我会很高兴如果我的看起来像这样。

当我重置代码以适应更大的图像时，我丢失了整个缩略图面板和黑色背景。显然我也失去了缩略图导航。

你可以从my page看到我已经添加了边框。无论容器大小如何，缩略图都消失了。

如果有人将我指向代码或处理此问题的js，我将不胜感激。如果有人给我一些有关诸如.jssora05r和.jssora05rdn之类的选择器的想法，我也不胜感激，它们都没有任何html等价物，让我想知道它们服务的目的或者它们是否可以被省略。

2015-06-14 user604488

请用类名定义css为slider1_container。

.slider1_container { 
    position: relative; 
    width: 960px; 
    height: 628px; 
    /*border: 20px solid #E1D9CC;*/ 
    overflow: hidden; 
    /*margin: 90px auto 0;*/ 
    margin: 0 auto; 
    padding-bottom: 0; 
}

并删除下面的代码，

@media only screen and (max-width: 1152px) { 
    .slider1_container { 
     max-width: 92%; 
     border-width: 15px; 
    } 
} 

@media only screen and (max-width: 800px) { 
    .slider1_container { 
     margin-top: 10px; 
     border-width: 10px; 
     max-width: 90%; 
    } 
} 

@media only screen and (max-width: 640px) { 
    .slider1_container { 
     border-width: 5px; 
    } 
}

而且也jssor.js缺少在你的代码。请

<script src="../js/jssor.js" type="text/javascript"></script> 
<script src="../js/jssor.slider.js" type="text/javascript"></script>

编辑取代

<script src="../js/jssor.slider.js" type="text/javascript"></script>

<div id="slider1_container" class="slider1_container" ...

移动缩略图

幻灯片总是在slides容器。如果您制作slides容器小于slider1_container，那么您有休息空间来放置您的thumbnail navigator。您可以使用CSS来设置thumbnailnavigator的位置，例如

<div u="thumbnavigator" class="jssort01" style="left: 0px; bottom: 0px;">

参考：

http://www.jssor.com/development/tip-arrange-layout-adjust-size.html http://www.jssor.com/development/reference-ui-definition.html

来源

2015-06-15 11:28:43 jssor

非常感谢您的帮助。我不能理解“使用类名来定义slider1_container的css”是什么意思。这是否意味着我应该将id重命名为一个类（＃slider1_container变成.slider1_container），还是意味着我应该向现有的id添加一个类？我已经尝试了两种方式，并且在任何情况下，使用您的元素，边框消失，滑块不再居中。 – user604488

使用您提供的确切说明（将＃slider1_container更改为.slider1_container），您可以在http://divr.ca/new/index.html查看结果。几乎完全是一个破碎的脚本。如果你可以提出补救措施，我很感激。 – user604488

请参阅更新的答案。 – jssor

jssor缩略图消失

回答

相关问题