Ich habe eine feste Breite Div mit Gradient mit CSS angewendet. Ich möchte Slider-basierte Farbauswahl basierend auf diesem Farbverlauf erstellen.Wie bekommt man den Farbwert vom Gradient prozentual mit Javascript?
Wenn ich den Schieberegler ziehe, berechne ich die prozentuale Position, und ich möchte den hex oder rgb Farbcode basierend auf diesem Wert erhalten.
Meine Idee war, ein Array mit den Start/Stop-Positionen und Farben zu erstellen, dann finden Sie zwei Werte aus diesem Array auf der Schieberposition, dann irgendwie die Farbe zwischen: das ist, wo ich nicht vorwärts bewegen kann .
Demo: http://jsfiddle.net/pdu8rpfv/
var gradient = [
[
0,
'ff0000'
],
[
28,
'008000'
],
[
72,
'0000ff'
],
[
100,
'ff0000'
]
];
$("#slider").slider({
min: 1,
slide: function(event, ui) {
var colorRange = []
$.each(gradient, function(index, value) {
if(ui.value<=value[0]) {
colorRange = [index-1,index]
return false;
}
});
$('#result').css("background-color", 'red');
}
});
was der Punkt w/1 – oyatek
Dies verdient mehr up Stimmen! Danke für dieses handliche Stück Code !! –
@passatgt können Sie bitte das gleiche mit Javascript Mousemove Funktionalität tun ..? (Ohne Jquery) weil ich in reinem javascript arbeite, kann ich jquery slider nicht hinzufügen. – ArunValaven