Skip to main content

¿Qué es una presentación de diapositivas de JavaScript®?

  • Abbott

Una presentación de diapositivas de JavaScript®, también conocida como carrusel o control deslizante, es una secuencia de comandos hecha de JavaScript® que permite que dos o más imágenes se muestren como una presentación de diapositivas. Los diferentes tipos de implementación le permiten al programador hacer una presentación de diapositivas JavaScript diferente en función de sus preferencias. La razón principal para usar un control deslizante de JavaScript® es porque se agrega al sitio web y permite al usuario ver y desplazarse por muchas imágenes sin ocupar mucho espacio en el sitio web.

La presentación de diapositivas de JavaScript® comienza, típicamente, como una lista de matrices de imágenes. Esto le dice a JavaScript® que muestre una imagen; Se agregan algunas funciones básicas al script que le dice a JavaScript® que mueva su enfoque de una imagen a la siguiente. El programador puede configurar las imágenes en una lista lineal o puede indicarle a JavaScript® que muestre las imágenes al azar. Junto con esta lista, otra función común agregada a la presentación de diapositivas es una función de tiempo, por lo que las imágenes se moverán después de un cierto período de tiempo.

Algunas presentaciones de diapositivas de JavaScript® también pueden incluir funciones para el usuario, pero este no es siempre el caso. Dichas funciones permiten al usuario controlar la presentación de diapositivas. Las funciones comunes son un botón de detener y reproducir, un botón siguiente y la capacidad de moverse a la última imagen. Algunas presentaciones de diapositivas también pueden mostrar miniaturas de las otras imágenes a lo largo del borde o debajo de la imagen principal que se muestra, para que el usuario pueda hacer clic en la miniatura y expandir esa imagen específica.

Además de solo mostrar imágenes, una presentación de diapositivas de JavaScript® también puede tener efectos especiales agregados. Esto le permite al programador crear imágenes desvanecidas, imágenes deslizantes o una variedad de otros efectos. El carrusel de JavaScript® generalmente solo incluirá imágenes, porque es más fácil de codificar y requiere mucha menos memoria. El programador puede elegir incluir otros archivos, como películas o archivos de audio. También se pueden agregar enlaces a los archivos en la presentación de diapositivas, por lo que si alguien hace clic en el archivo, se lo dirigirá a un sitio web.

Si bien las presentaciones de diapositivas de JavaScript® son impresionantes y requieren una cantidad de código relativamente pequeña, cumplen otra función importante. Si la galería de un sitio web se hace solo para mostrar imágenes una al lado de la otra, esto ocupa mucho espacio del sitio web y dificulta la visualización de las imágenes individualmente. Una presentación de diapositivas usa mucho menos espacio y, debido a que está diseñada para enfocarse en una imagen a la vez, facilita al usuario la digestión mental de las imágenes.