我在一个容器中有两张图片,图片下方有一个按钮选择器栏。我希望能够选择一个按钮,并且 2 张图片将更改为下一行。
这就像一场狂欢,但不是 1 个图片/div 改变,而是 2 个,我希望它们能够滑过以获得动画效果:
因此,当我选择红色按钮旁边的按钮时,图片/div 将变为 2 和 3,然后是 3 和 4,然后是 4 和 5,然后是 5 和 6……嗯,你明白了。
无论如何,这是我的代码:
关于如何实现这一点的任何想法?
jQuery 有一个 hide 方法,可以让您将元素滑入和滑出显示。
所以我会为每组图像创建容器 div,即显示一对。当您的导航按钮(沿着底部)被点击时,隐藏当前显示的容器并显示下一个。
有关详细信息,请参阅 jQuery API http://docs.jquery.com/UI/Effects/Slide 。但它允许方向,左/右。和模式,显示/隐藏