2011-01-25 7 views
1

がjqueryuiスライダーの範囲/背景が孵化したり、色のグラデーションでいっぱい持ってすることが可能です(http://upload.wikimedia.org/wikipedia/commons/5/5d/Unintuitive-rgb.pngを参照)ハッチングされたjqueryuiスライダーの範囲/背景は可能ですか?

それは色の変更についてだけではないのですが、むしろそれが赤に至るまで作る>緑の依存特定の変数 - 実行時に変化する可能性があります...

何か助けていただきありがとうございます!

答えて

0

はい、可能です。

スライダのdivの背景を設定するだけで済みます。

<div id="slider" style="background:black"></div> 

これにより、スライダの背景が黒くなります。

これは簡単な部分です。質問はどのようにグラデーションを作成するのですか?

CSS実装については、http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ を参照してください。jQueryのcssHooksオプションを調べて、合理化することができます。いくつかの例ではhttps://github.com/brandonaaron/jquery-cssHooksも参照してください(gradient.js cssHookがありますが、これはIEをサポートしていないことを確認しています)。最良の結果については

、あなたはたとえば、代わりに背景画像を設定することをお勧めします:

<div id="slider" style="background:url(creategradient.aspx?from=000&to=FFF&height=5&width=100)"></div> 

あなたはその場でグラデーション画像を作成するいくつかのサーバー側のコードを記述する必要があります。

+0

私は静的な背景イメージを使用できませんが、-moz-linear-gradient(top、red、yellow、green)はfirefox 3.6+のために正常に動作します – impf

+0

しかし、私はprogid :DXImageTransform.Microsoft.gradient(startColorstr = "#ff0000"、endColorstr = "#00ff00")for IE ...ここで赤 - >黄 - >緑を定義する方法は誰にも分かりますか? – impf

+0

IEでサポートされていない(複数のストップ)。だからこそ背景の写真が最高の選択肢になるのです。 – Gidon

関連する問題