Construir un Slider con Paginador usando JQuery

(Optimizado para Drupal se sustituye el signo de $ por la cadena "jQuery" al inicio de cada sentencia, para usarlo de forma normal se usa el signo: $) ejemplo: $(document).ready(function ()... jQuery(document).ready(function ()... Se tienen dos divs: 1.- `
` es el que contiene las imágenes a mostrar en el slider. 2.- `
` es el que contendrá el paginador. El código JQuery para manipularlo es el siguiente: jQuery(document).ready(function () { jQuery('.div-sliders').cycle({ /*activamos la funcion cycle que detecta los elementos dentro del contenedor y los rota*/ fx: 'fade', /*efecto entre cada elemento*/ pager: '.botones-slider' /*div donde se agregará el paginador al que se le puede agregar estilo CSS*/ }); jQuery('#boton1').click(function() { /*Al hacer click en el botón activamos el elemento que corresponde en el slider*/ jQuery('.div-sliders').cycle(0); return false; }); jQuery('#boton2').click(function() { jQuery('.div-sliders').cycle(1); return false; }); jQuery('#boton3').click(function() { jQuery('.div-sliders').cycle(2); return false; }); }); Puedes agregar tus preguntas para despejar dudas.