2011-05-29 81 views
1

我正在嘗試使用AnythingSlider創建嵌套滑塊,並且我遇到了一個問題。展望未來,幻燈片過渡良好。但是,返回時,一旦包含嵌套滑塊的幻燈片到達,幻燈片會從右向左移動到不合適位置。如何使用AnythingSlider在嵌套滑塊上平滑過渡?

下面是我正在經歷的一個例子:http://jsfiddle.net/S8Je5/118/ - 相對於嵌套滑塊幻燈片,正向和反向轉換之間存在明顯的區別。

非常感謝您的幫助。

回答

0

好的,所以它顯示了嵌套滑塊第一個克隆面板的閃光。我所要做的就是重新設置克隆的面板內容,以類似於第一個真正的嵌套幻燈片。 (通過使用Firebug將外部滑塊的位置設置爲0,我能夠看到克隆的面板的外觀)。這裏是固定版本:http://jsfiddle.net/S8Je5/146/

0

這仍然有一些怪癖,是一種哈克,但過渡看起來好多了。

步驟1:將#slider2 jquery的上述#slider jquery的

步驟2:<center>您的內UL(slider2)

下面是結果:http://jsfiddle.net/S8Je5/119/

的詭詐是,有時它似乎在內側滑塊中顯示空白圖像。

在Chrome中,您可以修復放置一個img標籤風格浮動內UL內:左

更新例如:http://jsfiddle.net/S8Je5/120/

這非常適用於Chrome瀏覽器,不知道其他的瀏覽器,但這是一個好的開始。

+0

感謝這一點,但是切換聲明的順序並沒有解決我的非測試版本上的任何問題。 – Jish 2011-05-30 06:42:19

+0

哎呀,剛注意到我的答案缺少'中心'一詞,因爲它不在代碼標籤中。這確實是重要的一部分。我注意到你的解決方案在轉換過程中沒有顯示前進/後退按鈕,但只要你對它滿意,就很高興它已經修復了! – Jeff 2011-05-30 06:45:15