jquery - 无法让 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%;
}

它将每个 ID 容器内的所有 div 宽度设置为 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;
}

希望这是有道理的!