2011-03-30 52 views
0

我想创建一个内容滑块的工作方式类似于火狐4的展示网站: http://demos.mozilla.org/如Firefox 4的技术演示水平幻灯片

我想非活动滑块项目实际上是在浏览器之外,并被叫时滑向中心。如果我打电话给一件2件物品,我想在两者之间滚动然后离开屏幕,以强化他们确实按照特定顺序的想法。

任何人都愿意帮助我在这条路上? 任何帮助将大大赞赏!

回答

1

两个jQuery插件做这样的事情(而且只有一个,如果你不关心哈希被更新,并能够在浏览器中使用前进/后退)

首先是jQuery cycle plugin。具体来说,你想看看Intermediate demos 2底部附近的演示,它有你想要的水平滚动。但是,您可以创建自定义动画以使其进行缓动/反弹等。

要更新散列,您希望使用jQuery history plugin。这样,当你点击一个项目,或前进或后退时,你可以相应地更新散列,以便用户能够使用浏览器的后退和前进按钮。

我真的希望这有助于!我之前使用过这两个插件,效果很好,可以做出类似的事情。

+0

如果您觉得自己想要进行jsfiddle演示,我已经设置了一个jsfiddle演示;)http://jsfiddle.net/gBjnW/ 如何将屏幕上的前一个和下一个项目定位到左侧和右侧?我认为这个插件显示/隐藏,而不是实际移动他们的位置。 – thv20 2011-03-31 00:19:25

+0

@ thv20这两个都有。它显示了它们在滑入之前的元素。如果你正在做一个全宽幻灯片,这真的应该适合你。 – Groovetrain 2011-03-31 00:36:51

+0

@ thv20如果您更改小提琴,以便您的每个img都在div中并将所有div宽度设置为100%,您应该明白我的意思。 – Groovetrain 2011-03-31 00:47:01