0

現在のプロジェクトでは、Kevin Batdorf ( http://www.ndoherty.biz/coda-slider ) による jQuery Coda-Slider v2.0 を使用しています。

ここで、同じページに幅が異なる別のスライダーを追加したいと考えています。

.panel および .coda-slider クラスに 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;
}

編集jsfiddle で この例を確認してください。同じページに 2 つの動作中のスライダーが表示されますが、それらを異なる幅にするにはどうすればよいですか?

4

1 に答える 1

1

私はあなたのフィドルを編集し、これを追加しました：

#slider1 {
    width: 300px;
}

#slider2 {
    width: 600px;
}

これはあなたが探しているものですか？

于 2012-09-26T16:11:44.033 に答える