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縮略圖消失

回答

相關問題