0

ここからjQueryプラグインを使用しています：

http://egorkhmelev.github.com/jslider/

左右で異なる色を処理するにはどうすればよいですか？

助けてくれてありがとう。

4

1 に答える 1

1

これらのハンドル/ポインターのグラフィック（またはスプライト）は、と呼ばれる画像内に含まれています jslider.plastic.png。外観は次のとおりです：http：//egorkhmelev.github.com/jslider/img/jslider.plastic.png

に基づいて新しい画像を作成し、jslider.plastic.pngすべてを赤にし、その画像に「jslider.plastic.red.png」という名前を付けると、次のように右ハンドルに適用されているCSSクラスを変更できます。

.pointer-to
{
  url(../img/jslider.plastic.red.png); 
}

これで、青い左ハンドルと赤い右ハンドルができます。

-

jslider.plastic.png別のオプションは、ハンドルの赤いバージョンでスプライト画像を拡張することです。それらを既存の青いハンドルの右側に追加するだけです（2つのバージョンがあり、それぞれが押されていない状態と押された状態を表しています）。そして、.pointerのcssを変更する必要があります-次のようになります：

.pointer-to
{
     background-position: -40px -40px; // x, y
}

x座標を画像に合わせるには、x座標をいじる必要があるかもしれません。このようにして、ブラウザが要求する必要のあるスプライト画像の数を減らすことができます。常にリクエストを送信し、両方を一緒に使用することがわかっている場合は、これらのスプライト画像をマージすることをお勧めします。

于 2012-07-30T21:52:12.403 に答える