0

カラー ピッカーを作成したいのですが、このように水平である必要があります http://jqueryui.com/demos/slider/ すべての色をスクロールできる水平スライダーである必要があります。jquery uiスライダーに基づいて作成しようとしています。

誰かがウェブからこれの例を知っていますか? または、これを行う方法を教えてもらえますか?

スライダーが設定されている距離に基づいて、50% と考えていましたが、その値を色の値に変換する必要があります。

0% の距離が白で、100% が黒のようなものです。

注: 色を変化させることができる 1 つのスライダーである必要がallあり、色はすべてランダムではなく、スムーズに移行する必要があります。

この画像のように: ここに画像の説明を入力 しかし、何らかの形で白と黒を組み込む必要があります。

4

3 に答える 3

1

HTML の色を 16 進値で表すことができます。これを念頭に置いて、#000000から#FFFFFF(または 10 進数で 0 から 16777215)までのスライダーを作成できます。

$("#slider").slider({
    min: 0,
    max: 16777215,
    slide: function (event, ui) {
        var hex = "#" + ui.value.toString(16);
        $("#color").css("background-color", hex);
    }
});

これをリモートで使用できるようにするには、かなり長いスライダーが必要になることに注意してください。動作をよりよく理解するには、マウスの代わりにキーボードの矢印を使用して色をスライドさせます。

例: http://jsfiddle.net/4extL/46/

于 2012-08-23T01:28:26.337 に答える
0

これは不可能だと思います。多くのjQueryカラーピッカープラグインの1つを使用することをお勧めします。または、このjQuery UIの例を見ることができます-正確には望みどおりではありませんが、jQueryUIスライダーを使用しています：http：//jqueryui.com/demos/slider/#colorpicker

于 2012-08-23T02:06:04.997 に答える
0

ここには、カラー ピッカー用の jQuery UI の例がたくさんあります。すべての色をスクロールできる例もあります。お役に立てれば。

于 2012-08-23T01:09:56.387 に答える