如Firefox 4的技術演示水平幻燈片

我想創建一個內容滑塊的工作方式類似於火狐4的展示網站： http://demos.mozilla.org/如Firefox 4的技術演示水平幻燈片

我想非活動滑塊項目實際上是在瀏覽器之外，並被叫時滑向中心。如果我打電話給一件2件物品，我想在兩者之間滾動然後離開屏幕，以強化他們確實按照特定順序的想法。

任何人都願意幫助我在這條路上？任何幫助將大大讚賞！

2011-03-30 thv20

兩個jQuery插件做這樣的事情（而且只有一個，如果你不關心哈希被更新，並能夠在瀏覽器中使用前進/後退）

首先是jQuery cycle plugin。具體來說，你想看看Intermediate demos 2底部附近的演示，它有你想要的水平滾動。但是，您可以創建自定義動畫以使其進行緩動/反彈等。

要更新散列，您希望使用jQuery history plugin。這樣，當你點擊一個項目，或前進或後退時，你可以相應地更新散列，以便用戶能夠使用瀏覽器的後退和前進按鈕。

我真的希望這有助於！我之前使用過這兩個插件，效果很好，可以做出類似的事情。

2011-03-30 23:12:58 Groovetrain

如果您覺得自己想要進行jsfiddle演示，我已經設置了一個jsfiddle演示;）http://jsfiddle.net/gBjnW/ 如何將屏幕上的前一個和下一個項目定位到左側和右側？我認爲這個插件顯示/隱藏，而不是實際移動他們的位置。 – thv20 2011-03-31 00:19:25

@ thv20這兩個都有。它顯示了它們在滑入之前的元素。如果你正在做一個全寬幻燈片，這真的應該適合你。 – Groovetrain 2011-03-31 00:36:51

@ thv20如果您更改小提琴，以便您的每個img都在div中並將所有div寬度設置爲100％，您應該明白我的意思。 – Groovetrain 2011-03-31 00:47:01

回答