Cómo activar la navegación de puntos en su módulo de sprior de video

La navegación puntual es una de las formas más comunes de navegación que se encuentran en las diapositivas. Esto es cierto independientemente del contenido del control deslizante. Point Navigation ofrece a los usuarios una forma simple e intuitiva de navegar el contenido de la diapositiva. Afortunadamente, el módulo de video deslizante de Divin incluye una opción de navegación de puntos. En este artículo, veremos cómo activar la navegación de puntos en el módulo de video deslizante de Div. También exploraremos algunas combinaciones de opciones en el camino. Vamos a empezar. Primero de navegación de videos deslizantes por el control deslizante Primero, veamos cómo funciona la navegación en el módulo de video deslizante. Por defecto, cada diapositiva se muestra como una miniatura bajo el reproductor de video. La diapositiva actual está oscura con una superposición. En este ejemplo, la diapositiva a la izquierda es la diapositiva activa.

Al seleccionar la miniatura de una diapositiva, el reproductor de video navegará a esa diapositiva. En este ejemplo, la tercera diapositiva a la izquierda es la diapositiva activa. La miniatura es más oscura para demostrar que es la diapositiva activa. Todo lo que hice fue hacer clic en su miniatura.

También podemos navegar con las flechas que aparecen cuando pasamos el mouse sobre la diapositiva activa. Nos llevan a la diapositiva anterior o siguiente. Estos son útiles si desea avanzar o retroceder a través de las diapositivas, una diapositiva. Esto es ideal para navegar en algunas diapositivas. Si tiene muchas diapositivas, puede llevar algún tiempo encontrar un video en particular.

¿Qué es la navegación de puntos? La navegación de puntos es un pequeño conjunto de puntos que aparecen en la parte inferior de la diapositiva de video. Cada punto representa una diapositiva de video desde la diapositiva. Al hacer clic en un punto, esa diapositiva aparece en el reproductor de video. El punto para la diapositiva activa es más brillante que los otros puntos. Es una excelente manera de ver cuántas diapositivas hay, donde el control deslizante está en la lista de diapositivas y navegar rápidamente a una determinada diapositiva. Los puntos son especialmente útiles cuando tiene muchas diapositivas o desea ahorrar espacio. Se mejora la navegación, como la navegación en miniatura, utilizando menos espacio en apariencia y reduciendo el trastorno visual.

Cuando el usuario quiere ver una cierta diapositiva, no debe esperar hasta que el control deslizante los muestre nuevamente o que use las flechas para navegar por las diapositivas hasta que llegue a la que quiere ver. Simplemente pueden seleccionar la diapositiva que quieren ver haciendo clic en su punto. La navegación de puntos de activación en el video desliza las miniaturas se ve muy bien, pero ocupa espacio adicional. A veces queremos una huella digital más pequeña para nuestro módulo de video deslizante o un diseño menos concurrido. Cuando se activa, la navegación de puntos reemplaza la navegación en miniatura, dándonos ese diseño más limpio y menos concurrido. Podemos usarlo con o sin flechas de navegación.
Para activar puntos de navegación en el módulo de control deslizante de video, primero active Visual Builder haciendo clic en el enlace en la parte superior de su página.
Desplácese hacia abajo hasta los artículos. Aquí, verá una opción para activar o deshabilitar las flechas y un cuadro de caída etiquetado. Comandos de glister. Haga clic en el cuadro de caída para ver sus opciones.

Seleccione la navegación de puntos de uso y verá las miniaturas eliminadas y los puntos agregados a la diapositiva principal.

Comandos de corte: use la navegación con puntos

El control deslizante de video ahora tiene un aspecto más simple y ocupa menos espacio. Verá un punto para cada diapositiva, por lo que si tiene muchas diapositivas, será más visible.
Navegación con puntos de luz u oscuridad El color de navegación de punto predeterminado es blanco. Esto funciona excelente para imágenes y superposiciones de video oscuro, pero puede ser difícil ver si esas imágenes o superposiciones son brillantes. Afortunadamente, puede cambiarlos para que se ajusten a sus necesidades con un solo control simple. En el diseño de la configuración de video deslizante, vaya al color control deslizante y seleccione Dark desde el cuadro desplegable.

Control del color de glases: oscuro

El color oscuro del control deslizante de la diapositiva funciona muy bien con las imágenes brillantes o un color de color superpuesto, como el del siguiente ejemplo. Asegúrese de probar las opciones de navegación de color para ver lo mejor con los colores de la imagen y la superposición.

La navegación del control deslizante de video con puntos sin navegación con flechas de la miniatura para navegar con puntos agregue otro conjunto de botones de portaobjetos en sí. Tanto las flechas como los puntos ahora aparecen cuando el usuario pasa con el mouse sobre la diapositiva, y los puntos siempre son visibles. Debido a que el usuario siempre verá los puntos, puede decidir no incluir las flechas. De la felicidad, tiene la opción de desactivar las flechas. En la configuración de contenido del módulo de video deslizante, verá una sección llamada elementos. Esta sección tiene una configuración llamada pantalla de flecha. Esto se activa por defecto. Simplemente haga clic para apagarlo.

Mostrar flechas: no

La diapositiva de video ahora muestra las diapositivas con solo puntos de navegación cuando pasan el mouse sobre ellos.

Ejemplos de puntos deslizantes de video navegando para ver qué se divide el control deslizante de video en una mirada de la división utilizando la navegación de puntos. Para mis ejemplos, uso la página sobre el paquete de diseño de café gratuito disponible en el div. Esta página incluye un módulo de video que se coloca sobre las imágenes de fondo de las imágenes de café para el café.
Aquí está el aspecto de la página sobre:

Aquí hay una vista cercana de la sección que personalizo. Puedes ver las imágenes en el fondo. Si no estamos atentos al diseño, podemos hacer que parezca lleno.

Simplificando el diseño primero, reemplazamos el módulo de video con un módulo de video deslizante. Luego, creé cuatro diapositivas y agregué imágenes superpuestas a cada diapositiva. Dejé la navegación predeterminada activada. Funciona, pero la navegación en miniatura parece un poco llena de este fondo. Hay demasiadas imágenes en un espacio pequeño y se confunden muy rápidamente. El módulo de video original parecía más limpio. La navegación de puntos resolverá esto. Aquí está el módulo de video deslizante con puntos activados. Tiene el aspecto más simple y limpio del módulo de video y todavía se puede usar como una diapositiva de video. Además de los puntos adicionales en la imagen, se ve igual que el módulo de video original.
Cambiar los puntos de diseño móvil puede ser demasiado pequeño o difícil de usar en la diapositiva de video cuando se usa con teléfonos inteligentes. En este caso, puede usar la navegación en miniatura solo en los teléfonos y seguir navegando por puntos en escritorio y tabletas.

En la configuración del comando Slider, haga clic en el icono de la tableta para abrir las opciones de tamaño de pantalla. Seleccione el icono del teléfono y luego elija Usar seguimiento en miniatura. Esto activa la navegación en miniatura para teléfonos, dejando el escritorio y las tabletas para mostrar la navegación de puntos. Los usuarios ahora tienen una manera fácil de navegar por las diapositivas, independientemente del tamaño de la pantalla de su dispositivo.