Есть ли простой слайдер JavaScript?

Ответ 1

jQuery UI Slider (API docs)

Ответ 2

Эй, я только что создал свой собственный слайдер JS, потому что у меня было достаточно большого JQuery UI. Интересно слышать мысли людей. Был на нем в течение 5 часов, так что действительно действительно ранние этапы.

jsfiddle_slider

Ответ 3

HTML 5 с Webforms 2 предоставляет <input type="range">, который заставит браузер создать собственный слайдер для вас. К сожалению, у всех браузеров нет поддержки, однако google внедрил все элементы управления Webforms 2 с помощью js. IIRC js достаточно умен, чтобы знать, реализовал ли браузер этот элемент управления и запускается только в том случае, если нет встроенной реализации.

С моей точки зрения, следует считать лучшей практикой использовать встроенные средства управления браузерами, когда это возможно.

Ответ 4

Простой слайдер: я только что проверил это в чистом HTML5 и так просто!

<input type="range">

Он работает как очарование Chrome. Я еще не тестировал другие браузеры.

Ответ 5

jQuery и Yahoo, вероятно, являются стандартами, но я недавно нашел Dragdealer, который выглядит очень легким и простым в настройке и повторном использовании...

http://code.ovidiu.ch/dragdealer/

Ответ 6

Вот еще один светлый JavaScript Slider, который, по-видимому, соответствует вашим потребностям.

Ответ 7

Библиотека пользовательского интерфейса Yahoo также имеет слайдер...

Ответ 8

script.aculo.us имеет слайдер-контроль, который может стоить проверить.

Ответ 9

У облегченной рамки MooTools есть один: http://demos.mootools.net/Slider

Ответ 10

Я рекомендую Slider из группы Filament, у него очень хороший пользовательский интерфейс

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

Ответ 11

Там хороший слайдер javascript, он очень прост в реализации. Вы можете скачать zip-пакет здесь: http://ruwix.com/javascript-volume-slider-control/

постскриптум здесь приведен упрощенный вариант script:

ссылка DEMO

Ответ 12

Вот простой объект слайдера для удобного использования

pagecolumn_webparts_sliders

Ответ 13

У Carpe Slider есть и более новые версии:
v1.5 carpe_ambiprospect_slider v2.0b... слайдер/черновики/v2.0/

Ответ 14

Код, приведенный ниже, должен быть достаточным для начала работы. Протестировано в Opera, IE и Chrome.

<script>
var l=0;
function f(i){
im = 'i' + l;
d=document.all[im];
d.height=99;
document.all.f1.t1.value=i;
im = 'i' + i;
d=document.all[im];
d.height=1;
l=i;
}
</script>
<center>
<form id='f1'>
<input type=text value=0 id='t1'>
</form>
<script>
for (i=0;i<=50;i++)
 {
 s = "<img src='j.jpg' height=99 width=9 onMouseOver='f(" + i + ")' id='i" + i + "'>";
 document.write(s);
 }
</script>