ubiquitour.com

Cómo hacer un Slide con jQuery

Cómo hacer un Slide con jQuery

Programadores que deseen agregar elementos interactivos en una página Web deben utilizar el lenguaje de programación JavaScript. JavaScript permite a los programadores crear páginas Web que responden a los clics de botón, movimientos del ratón y pulsaciones de teclas. Programadores con frecuencia encuentran muchos problemas en el trabajo con JavaScript porque los navegadores de Internet no implementan constantemente. Por esta razón, es probable que tomar ventaja de una biblioteca de JavaScript como jQuery al escribir el código JavaScript. Los usuarios de JQuery optan por añadir la biblioteca de jQuery UI a la principal instalación de jQuery para agregar elementos de interfaz de usuario como cuadros de diálogo, barras de progreso y deslizadores.

Instrucciones

1 Agregue una referencia a la biblioteca de interfaz de usuario jQuery utilizando el CDN (Content Delivery Network) de su elección. Incluir una referencia a la CDN en la parte superior de su página:

' < script el nombre del div que contendrá finalmente el regulador.

3 Agregue el código siguiente al código JavaScript, no importa donde se encuentra:

' $(function() {}

$( "#slider" ).slider();

});'4

Crear un div HTML en el punto en el documento HTML que debe incluir el control deslizante:

' < div clase = "sampleDiv" >

< div id = "slider" >< / div >

< / div >'

5 Establecer valores máximos y mínimos para su slider en tu código JavaScript. Cambiar los valores 0 (mínimo) y 100 (máxima) en el código debajo de los valores que mejor se adapten a su objetivo.

'$(".sampleDiv") .slider ("opción", "min", 0);'

'$(".sampleDiv") .slider ("opción", "max", 100);'