在同一页上乘法尾数滑块

Question

我一直在使用由Kevin (http://www.ndoherty.biz/coda-slider)编写的Coda-Sliderv2.0作为我当前的项目。

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

我尝试过在.panel和..coda滑块类中预置id，但似乎在添加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;
}

编辑签出此手摇琴的例子。你会看到两个工作滑块在同一页，如何使他们不同的宽度？

Answer 1

我编辑了您的小提琴并添加了以下内容：

#slider1 {
    width: 300px;
}

#slider2 {
    width: 600px;
}

这就是你要找的吗？