在同一页面上乘以coda滑块

Question

我一直在使用Kevin Batdorf（http://www.ndoherty.biz/coda-slider）的jQuery Coda-Slider v2.0来完成我当前的项目。

现在我想在同一页面添加另一个滑块，但宽度不同。

我试图将.id添加到.panel和.coda-slider类，但似乎在添加id后，codaslider无法获取宽度。有人成功地将不同宽度的多个尾声滑块添加到同一页面吗？

这是我尝试过的：

原始

.coda-slider, .coda-slider .panel {
    width: 300px;
}

改变的

#myslider1 .coda-slider, #myslider1 .coda-slider .panel {
    width: 300px;
}

#myslider2 .coda-slider, #myslider2 .coda-slider .panel {
    width: 600px;
}

---

修改 看看这个example at jsfiddle。您将在同一页面上看到两个工作滑块，如何使它们的宽度不同？

---

Answer 1

我修改了您的fiddle并添加了此内容：

#slider1 {
    width: 300px;
}

#slider2 {
    width: 600px;
}

这是你在找什么？