javascript - 在不同宽度的元素之间插入分隔符

Question

我正在尝试开发一个 JavaScript 轮播，它具有以下功能：

• 圆
• 轮播移动从鼠标悬停在上一个/下一个按钮上开始
• 在轮播的最后一个元素和第一个元素之间设置视觉分隔符的可用性

我发现了这个http://www.enova-tech.net/eng/lab/jmycarousel，它非常适合我。但是我不能在轮播的最后一个元素和第一个元素之间放置分隔符，因为它的宽度小于普通元素的宽度。

例如

<li width=200></li>
<li width=200></li>
<li width=200></li>
<li width=50>separator</li>

这个轮播相信每个元素都有相同的宽度（我猜不仅这个轮播，还有很多其他的），所以我无法让我的轮播工作。如何在第一个元素和最后一个元素之间插入分隔符？

我尝试使用 jCarousel，但它也有类似的问题。