jquery - jcarousel 问题

Question

现在我正在建立一个网站。这是链接：http ://theoew.uuuq.com/home/

除非您查看该网站，否则这可能没有多大意义，因此只需扫描下一段，然后转到该网站并观看幻灯片放映。

我在使用 jcarousel 幻灯片时遇到问题。让我先解释一下它的基本原理。除非您将鼠标悬停在其上，否则它会自动转到下一张幻灯片。出于某种原因，在第三张幻灯片之后，它没有返回到第一张幻灯片，而是首先向右移动了大约 20px，然后在您单击下一个按钮时返回到第一张幻灯片。它看起来像幻灯片认为有一个额外的幻灯片，只有 20 像素宽。我（显然不希望这种情况发生。）

我制作了一个只有幻灯片的页面，以便你们更容易帮助我。

哦，我从自动滚动示例开始。

任何帮助将不胜感激。

哎呀！这是幻灯片的链接。

http://theoew.uuuq.com/simple%20carousel/

Answer 1

问题出在您的 skin.css 文件中。进行以下更改：

改变：

#mycarousel .slide {
    float:left;
    width:900px;
}

至：

#mycarousel .slide {
    float:left;
    width:940px;
}

并摆脱：

.jcarousel-clip {
    margin:0 30px;
}

这是一个正常工作的示例http://jsbin.com/omema由于我必须编辑的 CSS 中的绝对路径，图像无法正确显示

Answer 2

我通过使每张幻灯片成为幻灯片容器的宽度来解决我自己的问题。它与 css 文件中一些混乱的填充/边距和宽度有关。