jQuery UI顏色選擇器問題

我想創建一個顏色選擇器，但它需要像這樣水平 http://jqueryui.com/demos/slider/ 它需要是一個水平滑塊，可以滾動所有顏色。我試圖從jQuery UI滑塊。jQuery UI顏色選擇器問題

有沒有人知道這個從網絡上的任何例子？或者可以告訴我該怎麼做？

我在想，根據滑塊設置的距離說50％，我需要將該值轉換爲顏色值。

有點像0％的距離是白色的，100％是黑色的。

注意：它需要是1滑塊，可以通過all顏色的範圍，並且顏色必須平滑過渡並非全部隨機。

喜歡這個圖片： enter image description here 但它不知何故需要合併白色和黑色。

來源

2012-08-23 omega

顏色選擇器有很多jQuery UI示例here。他們甚至有例子可以滾動瀏覽所有的顏色。希望這可以幫助。

來源

2012-08-23 01:09:56 aug

您可以將HTML顏色表示爲十六進制值。考慮到這一點，我們可以創建一個滑塊從#000000去#FFFFFF（或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-23 01:28:26

這基本上是我在找什麼，但問題是顏色過渡不光滑，這也太隨機。有沒有辦法讓它更平滑？ – omega

我用第一篇文章更新了我正在尋找的圖片，但它需要白色和黑色的顏色以及... – omega

我不確定您要求的是可能的。我希望有人過來並證明我錯了 –

我不認爲這是可能的。我會推薦使用許多jQuery colorpicker插件之一。或者你可以看看這個jQuery UI的例子 - 不完全是你想要的，但它確實使用jQueryUI滑塊：http://jqueryui.com/demos/slider/#colorpicker

來源

2012-08-23 02:06:04 Abraham

jQuery UI顏色選擇器問題

回答

相關問題