Я хотел бы изменить положение фонового изображения, чтобы оно соответствовало числовому содержимому элемента span.
Мой HTML:
<div id="ecoBar">
<div id="ecoSlider"></div>
<h4>ECO <span id="ecoPercentage">50%</span></h4>
</div>
Итак, у меня есть div # ecoSlider, которыйпредставляет скользящую шкалу шириной 400px и span # ecoPercentage, который дает числовое значение.Я хотел бы получить это значение из диапазона и применить к моей фоновой позиции.
Мой jQuery до сих пор:
$(document).ready(function(){
var value = $('#ecoPercentage').text();
$('#ecoSlider').css('backgroundPosition', 'value 0');
});
Я не могу заставить это работать, что я делаю неправильно?
Большое спасибо заранее.