无法让rCarousel工作（导航宽度和自动滚动）

Question

http://www.netwerkhoreca.nl/

我做错了什么，但我找不到...... 不知何故，我无法让rCarousel工作（顶部表示“vrienden van het koksgilde”）。

我真的不知道我做错了什么。 我按照此页面上的说明操作：http://ryrych.github.com/rcarousel/

我仔细检查了我的脚本和css的链接是否正确而且它们是。由于某种原因导航它不会工作，它也不会自动滚动。此外，我无法设置旋转木马的宽度以适应盒子。

当我用萤火虫看时，我发现这些元素有内联样式，我觉得应该与它有关吗？

一些帮助会大大减少。

Answer 1

目前您在旋转木马中只有3个项目并且它们都是可见的 - 因此当您单击上一个/下一个时没有任何操作;）

你的css中的第33行是它不适合框的问题：

#topbox1 div, #topbox2 div, #topbox3 div {
    color: #888888;
    line-height: 17px;
    padding: 5px 10px 5px 14px;
    width: 100%;
}

它将每个ID'd容器中所有div的宽度设置为100％，即300px，加上指定的填充= 324px，这就是它爆发的原因。你的H1也是如此，只是它们没有被明显打破，但是它们正在流出容器。

它级联div，你想要的宽度保持在276px;

#topbox2 #carousel {width:276px;}

将覆盖样式并使其适合，但我建议您查看宽度发生的情况并使它们更具体一些。

e.g

#topbox1 > div, #topbox2 > div, #topbox3 > div {
    color: #888888;
    line-height: 17px;
    padding: 5px 10px 5px 14px;
    width: 276px;
}

所以只需要#topboxes中的直接子div并从标题中删除宽度：

#topbox1 h1, #topbox2 h1, #topbox3 h1 {
   color: #FFFFFF;
   font-size: 24px;
   padding: 7px 10px 10px 14px;
}

希望有意义！