Стилизация Range

@Kyuz · Регистрация: 27.10.2016

Author24 — интернет-сервис помощи студентам

Таким скриптом изменяю линию volume, но она меняется рывком, после нажатия(фото 1), как сделать, чтобы линия динамично изменялась при движении мышкой?

Javascript

  $('#audio_range').change(function range(){
    var
    val = $('#audio_range').val();
    $('#audio_range').css({'background': '-webkit-linear-gradient(left, #fff 0%, #fff '+val+'%, #bab9b9 '+val+'%, #bab9b9 100%)'});
    if(val != 0){
      $('#audio_icon').css({'background' : 'url(/img/audio.png)'});
    }
    else{
      $('#audio_icon').css({'background' : 'url(/img/audio_none.png)'});
    }
    if(Song){
      volume = val/100;
      Song.volume = volume;
    }
  });

P.S. На фото красная клякса - импровизированный курсор, чтобы было понятнее.

@Kyuz · 02.07.2018, 01:28 **[ТС]**

РЕШЕНО

Поменял Change на input

@Mr_Sergo · 02.07.2018, 09:00

Kyuz,
Когда тащишь ползунок у тебя одно деление чему равно? Например 0.1, просто измени значение, например, на 0.001 и будет дергаться очень незаметно... я так делал вполне адекватно выглядит.

@Kyuz Эта подпись не продается! 1 / 1 / 0 Регистрация: 27.10.2016 Сообщений: 365
	02.07.2018, 01:28 [ТС]	2
	РЕШЕНО Поменял Change на input 0

@Mr_Sergo 2034 / 1093 / 408 Регистрация: 29.04.2016 Сообщений: 2,612
	02.07.2018, 09:00	3
	Kyuz, Когда тащишь ползунок у тебя одно деление чему равно? Например 0.1, просто измени значение, например, на 0.001 и будет дергаться очень незаметно... я так делал вполне адекватно выглядит. 0

Опции темы