2012-09-09 79 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

如果我在一台合适的电脑上,我会举一个完整的例子...... –