javascript - kendo demo ui
¿Hay un simple control deslizante de JavaScript? (14)
Hola, acabo de crear mi propio control deslizante JS porque tenía suficiente de la pesada IU de Jquery. Interesado en escuchar los pensamientos de las personas. Estuve en ella durante 5 horas, realmente realmente en etapas tempranas.
Necesito crear un deslizador de volumen personalizado para un objeto WMP. El control deslizante actual es complicado de modificar y usar, ¿hay alguna manera simple de generar un control deslizante en una página HTML que pueda tener su valor pasado a una función de JavaScript?
El marco liviano de MooTools tiene uno: http://demos.mootools.net/Slider
script.aculo.us tiene un control deslizante que podría valer la pena visitar.
La biblioteca de Yahoo UI también tiene un control deslizante ...
HTML 5 con Webforms 2 proporciona un <input type="range"> que hará que el navegador genere un control deslizante nativo para usted. Desafortunadamente, todos los navegadores no tienen soporte para esto, sin embargo, Google ha implementado todos los controles de Webforms 2 con js. IIRC el js es lo suficientemente inteligente como para saber si el navegador ha implementado el control y se activa solo si no hay una implementación nativa.
Desde mi punto de vista, se debe considerar la mejor práctica usar los controles nativos de los navegadores cuando sea posible.
Aquí hay otro Light Slider de JavaScript que parece ajustarse a sus necesidades.
jQuery y Yahoo son probablemente los estándares, pero recientemente encontré Dragdealer, que parece ser muy liviano y simple de instalar y volver a revestir ...
Recomiendo Slider de Filament Group, tiene muy buena experiencia de usuario
Aquí hay un objeto deslizante simple para fácil de usar
El Carpe Slider también tiene versiones más nuevas:
v1.5 carpe_ambiprospect_slider v2.0b ... slider / drafts / v2.0 /
El código a continuación debería ser suficiente para comenzar. Probado en Opera, IE y 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>
Hay un buen deslizador de JavaScript, es muy fácil de implementar. Puede descargar el paquete zip aquí: http://ruwix.com/javascript-volume-slider-control/
ps aquí la versión simplificada de la secuencia de comandos anterior:
Un control deslizante simple: ¡Acabo de probar esto en HTML5 pura , y es tan simple !
<input type="range">
Funciona como un encanto en Chrome. No he probado otros navegadores aún.