Есть ли простой слайдер JavaScript?[закрыто]

StackOverflow https://stackoverflow.com/questions/173046

Вопрос

Мне нужно создать пользовательский регулятор громкости для объекта WMP.Текущий слайдер сложно модифицировать и использовать, есть ли простой способ сгенерировать слайдер на HTML-странице, значение которого может быть передано функции javascript?

Это было полезно?

Решение

Ползунок пользовательского интерфейса jQuery ( Документы API )

Другие советы

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

jsfiddle_slider

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

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

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

<input type="range">

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

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

script.aculo.us имеет элемент управления ползунком , который, возможно, стоит проверить .

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

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

http://www.filamentgroup.com/lab/update_jlment_a >

Carpe Slider также имеет более новые версии:
v1.5 carpe_ambiprospect_slider v2.0b ... slider / drafts / v2.0 /

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

pagecolumn_webparts_sliders

Приведенного ниже кода должно быть достаточно для начала работы. Протестировано в 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>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top