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

Question

http://www.netwerkhoreca.nl/

我做错了什么，但我找不到什么...... 。 不知怎的，我无法让 rCarousel 工作（顶部写着“vrienden van het koksgilde”）。

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

我仔细检查了如果我的脚本和 CSS 链接正确的话，它们就是正确的。由于某种原因，它的导航不起作用，也不会自动滚动。我也无法设置旋转木马的宽度以适应盒子。

当我查看 firebug 时，我发现元素具有内联样式，我认为这应该与它有关？

一些帮助将不胜感激。

Answer 1

目前，轮播中只有 3 个项目，并且它们都是可见的 - 因此，当您单击上一个/下一个时，无需执行任何操作；）

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

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

它设置了所有 div 的宽度每个 ID 容器为 100%，即 300px，加上指定的填充 = 324px，这就是它爆发的原因。 H1 也是如此，只是它们没有明显破损，但它们正在从容器中渗出。

它通过 div 进行级联，您想要保持填充的宽度是 276px；

#topbox2 #carousel {width:276px;}

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

例如

#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;
}

希望这是有道理的！