Tecnología

Inicio

Cómo cambiar la velocidad de presentaciones de diapositivas con JavaScript

Cómo cambiar la velocidad de presentaciones de diapositivas con JavaScript


Slidershows se convirtió en una característica popular para las páginas web poco después de la liberación de jQuery en 2006, una biblioteca JavaScript que hace que sea fácil crear los tipos de animaciones necesarias para controles deslizantes para trabajar. Como el nombre sugiere, presentaciones de diapositivas toman una serie de imágenes y las rotan en las páginas Web. A menudo se llaman "deslizadores" para abreviar. La mayoría de las presentaciones de diapositivas utilizan jQuery y requieren una llamada en algún lugar de la página Web en la que se utilizan, y en el que llaman se pueden definir algunas opciones, como la velocidad. ¿Dónde desea que los usuarios leen texto de la leyenda antes de hacer clic en un portaobjetos, se debe reducir la velocidad de corredera.

Instrucciones

1 Ir a "Inicio" en la barra de tareas de Windows, y escriba el nombre de su editor de código o el Bloc de notas. Pulse la tecla "Enter" para cargar el programa. Abra el archivo de la página que contiene el pase de diapositivas.

2 Mira en el par de etiquetas "<header>" para el código jQuery que llama a la presentación de diapositivas. Si no lo encuentra allí, busque en el pie de página. Para aquellos edición de plantillas o temas del blog, tendrá que comprobar el archivo de encabezado o pie de página para su jQuery. Aquí está un ejemplo de llamada jQuery de una corredera típica:

. $ ( '# Deslizador') sliderName ();

3 Ir a "Inicio" y abrir "PC". Vaya a la carpeta donde ha descomprimido los archivos deslizantes. Estos archivos deben incluir instrucciones sobre cómo utilizar el control deslizante, junto con una lista de opciones y páginas de demostración veces. Abra el archivo de instrucciones y buscar la lista de opciones. Las opciones van a tener este aspecto:

Velocidad: 500,

animación: diapositivas,

flechas: true

Encuentra la opción que controla la velocidad de su deslizador.

4 Volver a la llamada jQuery para su control deslizante. Cambiarlo a tener este aspecto:

$ ( '# Deslizador'). SliderName ({

speedOption: 500

});

En jQuery, debe especificar una velocidad de animación en milisegundos. Una velocidad de 500 milisegundos es igual a la mitad de un segundo. Añadir un cero a ese valor para convertirlo en cinco segundos.

Consejos y advertencias

  • Si no encuentra opciones en un fichero de instrucción o ayuda con sus archivos deslizantes, a continuación, abra una página de prueba en su navegador y haga clic para ver el código fuente. Es frecuente encontrar que las opciones utilizadas en el código.
  • Las variables en JavaScript y la biblioteca jQuery entre mayúsculas y minúsculas, así que asegúrese de hacer coincidir las letras de los nombres de las opciones exactamente. los valores del número de velocidades no necesitan comillas.
  • Copias de seguridad de sus archivos antes de editarlos.