JQuery ползунок выбора цвета / ползунок, чтобы изменить фон

Question

Я пытаюсь сделать:

Чтобы уменьшить значения температуры ползунка, мне нужно, чтобы круг, представляющий звезду, постепенно увеличивался и менял цвет фона, как эта ссылка: http://astro.unl.edu/naap/hr/animations/hrExplorer.html

Но мой код этого не делает ..... Смотрите строки из $ ("# s_tem"). Slider ({Смотрите мой код: http://jsfiddle.net/NxNXJ/19/

Спасибо ..

Answer 1

Вы присваиваете значения selectedColor переменной, такие как: # 597459745974

Какие недопустимые цветовые атрибуты CSS.

[Редактировать] Вот код, который должен помочь вам:

$("#s_tem").slider({
    change: function(event, ui)
    {       
        var hexValue = ui.value.toString(16).toUpperCase();
        if (hexValue.length < 2) hexValue = "0" + hexValue;

        var chosenColor = NumberToHexColor(hexValue);

        $('#t_tem').val(chosenColor);
        $("#star").css('background-color', chosenColor);

    },
    value: 5800,
    min: 2300,
    max: 40000,
    step: 100,  
});

function NumberToHexColor(Number)
{
    var HexColor = '' + Number;
    while (HexColor.length < 6) 
    {
        HexColor = '0' + HexColor;
    }

    return '#'+ HexColor;
}