jcarousel问题

Question

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

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

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

我用幻灯片制作了一个页面，让你们更容易帮助我。

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

非常感谢任何帮助。

Woops！这是幻灯片的链接。

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文件中的一些混乱填充/边距和宽度有关。