Изменение стандартного слайдера JQ UI
С помощью JQ UI создаю стандартный слайдер. Везде где нашёл написано как поменять некоторые его параметры: размер, мин.величина, максимальная...
Но нигде не нашёл как за место стандартного для JQ UI ползунка сделать свой: поставить картинку. То есть: изменить вид слайдера. <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Slider - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <style> #slider-vertical{height: 600px; background-color: #0F3;} </style> <script> $(function() { $( "#slider-vertical" ).slider({ orientation: "vertical", range: "min", min: 0, max: 100, value: 60, slide: function( event, ui ) { $( "#amount" ).val( ui.value ); } }); }); </script> </head> <body> <div id="slider-vertical"></div> </body> </html> |
css
|
UltraFreizer,
.ui-slider .ui-slider-handle {
background: url("../img/slider.png") no-repeat scroll 0 0 transparent;
}
|
рони, спасибо, попробую.
|
Задача решена. Тема закрыта.
|
| Часовой пояс GMT +3, время: 05:29. |