jQuery를 슬라이더 색상 선택기/슬라이더 배경에게 내가 할 노력하고있어

Question

변경 :

를 슬라이더의 온도 값을 감소를, 나는 별이 점차적으로 증가하고이 링크로 배경색을 변경 나타냅니다 원이 필요합니다 http://astro.unl.edu/naap/hr/animations/hrExplorer.html

하지만 내 코드는 그 일을하지 않습니다 ..... $에서 라인 ("#의 s_tem") 슬라이더를 참조하십시오 ({ 참조 내 코드 :.

감사합니다 ..

Answer 1

당신은 http://jsfiddle.net/NxNXJ/19/ 있습니다 변수 ch 할당 osenColor 값은 다음과 같습니다. # 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; 
}