jcarousel问题

Question

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

除非你看一下网站，否则这可能没有多大意义，所以只需浏览下一段，然后转到网站，只需观看幻灯片即可。

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

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

哦，我从自动滚动的例子开始。

任何帮助都将不胜感激。

哇哦！这是幻灯片本身的链接。

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

Answer 1

我修复了自己的问题，使每张幻灯片都与幻灯片容器的宽度相同。这与css文件中一些乱七八糟的填充/边距和宽度有关。

Answer 2

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

更改：

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

至：

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

然后去掉：

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

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