Jquery 不寻常的幻灯片

标签 jquery jquery-animate

我正在创建一个有点不寻常的幻灯片,它由 3 张图像而不是一张图像组成,请看一下:

enter image description here

正如我所说,它由 3 部分组成,中间的部分 100% 可见,另外两部分各 50% 可见,现在当您想要更改图像时,所有三个部分都会向左或向右滑动,中间的一个走到一边,一半就看不见了。

现在我已经知道如何做到这一点,我正在处理的是我无法弄清楚如何知道我需要从 1 滑动到 5 或任何其他数字,这很难解释,所以我做了这个 fiddle : http://jsfiddle.net/cnYSU/3/

正如你在那个 fiddle 中看到的,我刚刚做了很多if,它变得一团糟,所以必须有一些更好的方法来做到这一点..

最佳答案

我提议这个solution您可以在其中浏览下一页/上一页和页码。

关于Jquery 不寻常的幻灯片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12913156/

相关文章:

javascript - 如何在不使用ajax重新加载页面的情况下将javascript值获取到php变量中

javascript - 通过 AJAX 调用将返回的 JSON 分配给本地存储

javascript - 更改按钮并在悬停时添加表单

javascript - 使用 Jquery onclick 添加边框底部

jquery-animate - 可以使 jquery.live() 与负载一起工作吗?

jquery - 为文本区域的每一行设置动画

javascript - 使用简单的 'setTimeOut' 功能暂停基本 slider 的正确 jQuery(或 javaScript)代码是什么?

jQuery Animate 将 div 重新排列到他们的目标?

jquery - jQuery的动画功能使浏览器崩溃

jquery - 如何在 CSS3 中保持元素缩放直到鼠标离开?然后在 mouseleave 上将元素缩放回其原始大小