在同一页面上乘以尾声滑块

Question

我目前的项目一直在使用 Kevin Batdorf (http://www.ndoherty.biz/coda-slider) 的 jQuery Coda-Slider v2.0。

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

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

这是我尝试过的：

原创

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

这是你要找的吗？