Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hcodes/textslider
A text slider
https://github.com/hcodes/textslider
js textslider
Last synced: 7 days ago
JSON representation
A text slider
- Host: GitHub
- URL: https://github.com/hcodes/textslider
- Owner: hcodes
- Created: 2012-11-07T18:26:54.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2017-07-14T23:02:15.000Z (over 7 years ago)
- Last Synced: 2024-04-14T18:22:35.724Z (7 months ago)
- Topics: js, textslider
- Language: JavaScript
- Homepage: http://hcodes.github.io/textslider/examples/example.html
- Size: 16.6 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Текстовый слайдер
Плюсы:
+ компактность размещения;
+ ввод данных при помощи мышки;
+ быстрая оценка возможных вариантов.
## Подключение
```HTML
$(document).ready(function() {
$('input.textslider').textSlider({min: 0, max: 50});
});
```
## [Примеры](https://hcodes.github.io/textslider/examples/example.html)
```js
$('input.textslider').textSlider({min: 0, max: 50});
```
```js
$('input.textslider').textSlider({
min: 8,
max: 30,
filterForCSS: function(value, data) {
return {fontSize: value + 'px'};
}
});
```
```js
$('input.textslider').textSlider({
min: -50,
max: 50,
filterForValue: function(value, data) {
return value > 0 ? '+' + value : value;
}
});
```