对近乎完美的Jquery滑块的微小修改

今天早些时候，我找到了一个滑块，我对它进行了修改，以满足我正在进行的一个Web设计项目的需要

这个滑块有一个简单的问题，当幻灯片滑动时，我不能修改脚本，使主图像出现在屏幕中间，在幻灯片之前和滑动后（向左或向右）。p> 这是JSFIDLE（请原谅，如果我做错了，这是我第一次使用它）：

任何关于这方面的建议都会很有帮助，如果可能的话，我在哪里可以让它循环呢？最后一张幻灯片的一部分显示在第一张幻灯片的左侧，当我一直滑到任一侧的末端时，它会循环吗

---

提前谢谢各位。

据我所知，我更正了HTML后，它看起来很好

---

您的

元素缺少开头
我认为您最好使用scrollable-它有一个名为circular的循环插件：

这些半开始的幻灯片大多是动画功能中的错误，或者是滑块周围的包装器中的css错误（它是否足够宽以容纳所有幻灯片？（是的！））

你的坏html

</li>li> 

li>

是别人说的吗

---

但将所有幻灯片复制4次，但仍然不循环，这很奇怪……

我没有意识到这一点，但一旦我进行了编辑，就没有什么真正的改变。这是我在滚动时看到的内容，也是第一张幻灯片的开始：（以红色突出显示）@user1232698:您能提供更新的代码吗？您的旧代码开始使图像在接近尾端时变大，并且没有与定义的宽度/高度对齐，但我编辑的小提琴停止了这一操作，一切看起来都正常。此外，我还查看了elastislide代码，这是您的第二个问题（应该是一个单独的问题），我找不到一种简单的方法来使用预定义的界面。你也许可以编辑源代码来完成它，tho。尝试以下操作：在动画检查后，更改

\u slide

的实现，以确定

current

是否是最后一个/第一个（取决于方向）。如果是这样，请将current设置为环绕值，并调用

\u slideToCurrent

经过一些css调整的更正代码：如果屏幕更大，您可以看到主幻灯片（通常是介于其他两张幻灯片之间的幻灯片）没有在页面上居中。。。我希望能够将它放在页面的中心位置。我一定会研究它，我有限的javascript知识使得学习jquery有点困难，但我已经开始这样做。我可能会尝试使用滚动条，但我几乎完成了这一步，所以我将试着解决它。。。查看我上面的评论，它确实没有解决我的问题。

</li>li>