2013-08-01 36 views
0

我正在製作一個網站,需要使用4個獨立標籤中的OneByOne slider。 它在第一個選項卡中正常工作,但第二個,第三個和第四個不顯示任何內容。OneByOne滑塊在同一頁面上覆制時不起作用

這是我到目前爲止有:http://codymorton.us/testing/gallery.html

如果您在源看,你可以看到,我把它在這兩個選項卡1和2,但它不會在第二個出現。 我已經在Firefox,Chrome和Opera上測試過。

任何想法?

謝謝!

回答

3

1)我認爲你很幸運,你有它的工作一次,在HTML中的id屬性必須是唯一的。

<div id="slide-wrapper"> // is repeated twice 

您可能還需要在JavaScript中更改相應的內容。

2)這兩個文件都在你的HTML包含兩次過,你不需要這麼做:

js/slider/jquery.onebyone.min.js 
js/slider/jquery.touchwipe.min.js 

我說什麼可能是不夠的,JavaScript代碼必須beautified,並檢查詳細瞭解它的工作原理,爲您的Web開發人員提供一些額外的工作。

更新:聯繫供應商,詢問他們是否可能在一個頁面上包含許多滑塊可能是一個捷徑,如果答案是否定的,那麼您必須自己做一些工作。

+0

我真的很感謝幫助!我明天會嘗試所有這些事情,謝謝! –

1

我看看到您的網站,已經發現了,你是顯示設置:none來 #banner .oneByOne_item,並刪除它和第二選項卡圖像不加載,以便它不顯示

檢查截圖

enter image description here