Tecnología

Inicio

Cómo quitar números de buscapersonas de un ciclo jQuery

Cómo quitar números de buscapersonas de un ciclo jQuery


El plugin jQuery Cycle es un script de presentación de diapositivas que incluye varias opciones para controlar el estilo, efectos de transición y la navegación. Puede activar estas opciones o desactivar en el archivo de script de jQuery principal mediante el establecimiento de un valor "nulo", o mediante el uso de las llamadas de función personalizada en el encabezado del documento HTML. En la mayoría de los casos, números de buscapersonas son creados usando una de estas funciones personalizadas. Para eliminar los números de buscapersonas, busque la función y eliminarlo, o eliminar el elemento contenedor que contiene el localizador de navegación.

Instrucciones

1 Abra el documento HTML que contiene las etiquetas de "cabeza" de su sitio web en un editor de texto o HTML. Busque una etiqueta de "guión" que contiene una función jQuery similar al siguiente:

<Script type = "text / javascript">

$ (Document) ready (function () {

$('.slideshow').cycle({

fx: 'fade'

});

$ ( '# S4'). Antes ( '<div id = clase "nav" = "nav">') ciclo. ({

fx: 'turnDown',

velocidad: "rápido",

Tiempo de espera: 0,

buscapersonas: '#nav'

});

});

</ Script>

El selector se define en la función "localizador" "nav" o se corresponde con su ID de contenedor jQuery Cycle. En el caso anterior, el selector es "s4."

2 Retire la función entera que contiene el parámetro "localizador". Cada bloque de función individual comienza con "$" y termina con el cierre "});" soporte. Asegúrese de que sólo elimina los "$ (" # "). Antes de" función. Ahora debe tener una etiqueta de "guión" que está vacío o contiene todas las funciones restantes. El siguiente ejemplo utiliza el mismo código que el último paso, con la función de buscapersonas eliminado:

<Script type = "text / javascript">

$ (Document) ready (function () {

$('.slideshow').cycle({

fx: 'fade'

});

});

</ Script>

3 Guarde el archivo y vista previa de la presentación de diapositivas en una ventana del navegador para confirmar los resultados. Para eliminar cualquier resto de elementos de navegación, volver al documento HTML y agregue la siguiente función personalizada justo por encima de la etiqueta "</ head>":

<Script type = "text / javascript">

$ .fn.cycle.defaults = {

siguiente: null,

Anterior: null,

buscapersonas: null

};

</ Script>

Estas tres opciones le dicen el plugin no usar nada para paginación o la navegación. La presentación de diapositivas ahora pasará automáticamente a menos que un comportamiento localizador que se configure otro.

Consejos y advertencias

  • Ajuste el del "pagerEvent:" opción y darle un valor de " 'click.cycle'", que permite que el espectador haga clic en la diapositiva para avanzar a la siguiente imagen. Por ejemplo:
  • <Script type = "text / javascript">
  • $ .fn.cycle.defaults = {
  • siguiente: null,
  • Anterior: null,
  • buscapersonas: null,
  • pagerEvent: 'click.cycle'
  • };
  • </ Script>
  • Tenga cuidado de no borrar los soportes adicionales o cotizaciones individuales cuando se trabaja con funciones. Si lo hace, que no funcionen.