2012-03-28 10 views
0

Also das ist, was ich wirklich gerne tun würde, Ich erstelle eine Web-App, die Stationen durch Drehen eines Knopfes abgestimmt werden kann, aber ich bin unsicher, wie es geht, ich kenne den onClick und diese Art von Funktion, aber wie verschiebe ich das Bild von 90 auf 180 Grad, ohne mehr als ein Bild zu machen, und speichere seine Position basierend darauf, wann sie losgelassen werden.Radio Knob Slider (jQuery)

Für zB: sagen wir 88,0-108,9

ich jedes Mal möchte, die von 1 bis hinauf drehen, so 88,0 88,1 usw.

Dank

Antwort

0

Hiya wird Arbeits Demo: mit einem Tick hier: http://jsfiddle.net/WwkB8/4/ (Sie werden den Unterschied sehen :) - (mit 2 Ticks) http://jsfiddle.net/WwkB8/2/

Das wird helfen: Wenn Sie einen Code haben, den Sie über den anderen Code streichen, sehen Sie den Code unten und den obigen Demo-Link. hoffe das ist nützlich. geht von 88.0 auf 108.9! (Geht 0,1 zu einer Zeit, so 88,0 zu 88,1)

JQuery-Code

$(document).ready(function() { 
    $("#slider").slider({ 
     min: 88.0, 
     max: 109.0, 
     step: .1, 
     values: [88.0], // In case of 2 tick slider values: [88.0, another value] 
     slide: function(event, ui) { 
      for (var i = 0; i < ui.values.length; ++i) { 
       $("input.sliderValue[data-index=" + i + "]").val(ui.values[i]); 
      } 
     } 
    }); 

    $("input.sliderValue").change(function() { 
     var $this = $(this); 
     $("#slider").slider("values", $this.data("index"), $this.val()); 
    }); 
});​ 

HTML

<form> 
    <div> 
     <input type="text" class="sliderValue" data-index="0" value="88.0" /> 
     <input type="text" class="sliderValue" data-index="1" value="108.9" /> 
    </div> 
    <br /> 
    <div id="slider"></div> 
</form> 

​ 

Prost!

+0

Wie soll das mit 2 Ticks funktionieren? Welche Art von Radio verwendest du? Ich kann nur einen Radiosender auf meinem Radio hören ... – Rumplin

+0

Hiya, 2 Ticks meinst du etwa so: http://jsfiddle.net/petersendidit/kbHbc/1/? Hmmm, wie auch immer, wie meinst du, welche Art von Radio höre ich Kumpel? :) Entschuldigung wenn es eine dicke Frage ist. Prost –

+0

Ihre jsfiddle Lösung hat 2 Ticks, wie hilft das dem Benutzer, eine Radiostation zu wählen? – Rumplin