2012-09-09 131 views
0

我有一個容器中的兩張圖片,我在圖片下有一個按鈕選擇欄。我希望能夠選擇一個按鈕,並且2張圖片將更改爲下一行。jQuery - 水平滾動選擇

這就像一個轉盤,但不是1張/ DIV變化,其2,我希望能夠讓他們跨越了動畫效果的幻燈片:當我選擇

enter image description here

所以按鈕旁邊的紅色圖片/ div將更改爲2和3,然後3和4,然後4和5,然後5和6 ...好吧,你明白了。

總之,這裏是我的代碼:

如何做到這一點任何想法?

+0

我建議你使用http://www.jsfiddle.net這樣的小片段,然後將它們複製到你的主項目中。這也使得它更容易分享:) – itdoesntwork

+0

添加小提琴,但可能需要一些樣式。 – Nope

+0

@FrançoisWahl是...可能需要一些 –

回答

0

jQuery有一個隱藏方法,它可以讓你滑動一個元素進出顯示。

所以我會爲每組圖像創建容器div,即顯示一對圖像。當您的導航按鈕(沿着底部)被擊中時,隱藏所示的當前容器並顯示下一個。

有關更多詳細信息,請參閱jQuery API http://docs.jquery.com/UI/Effects/Slide。但它允許方向,左/右。和模式,顯示/隱藏

+0

如果我在一臺合適的電腦上,我會舉一個完整的例子...... –