Я тестирую здесь ползунок Dragdealer , который я нахожу довольно хорошим. Тем не менее, я хотел бы отобразить пару сообщений под слайдером, для разных его положений. Стиль: «Пожалуйста, переосмыслите свой вклад». за низкую стоимость и "Большое спасибо за ваш вклад." для высокого значения.
Я предполагаю, что содержимое DIV будет изменяться в соответствии с изменяющимся значением X при скольжении, которое регистрируется функцией »animationCallback«:
<div>
<div id="just-a-slider" class="dragdealer">
<div class="handle red-bar">
<span class="value"></span>€
</div>
</div>
<div id="content" name="content">dd</div>
</div>
Но как бы я это реализовал? Добавление »if (x == 100) document.getElementById (" content "). InnerHTML =" what ""? Кажется, не работает ...
jQuery(function() {
new Dragdealer('just-a-slider', {
steps: 11,
snap: true,
animationCallback: function(x, y) {
jQuery('#just-a-slider .value').text(Math.round(180 + (x * 100)));
}
});
})
Спасибо за любые подсказки.