Rotate Transition & Shuffle Design Slideshow html

El deslizador de imágenes tiene un diseño único, el cual es simple y moderno.

Sobre el deslizador principal hay una serie de imágenes de pre-visualización, agrupadas horizontalmente. Se muestran cuatro imágenes de pre-visualización, mientras otras se van desplazando desde la derecha. Cada imagen en la pre-visualización tiene un borde gris, pero cuando la imagen de la pre-visualización es igual a la imagen del deslizador principal, el borde se torna color turquesa.

Al pasar por encima de las imágenes de vista previa podrá desplazarse a través de ellas, para seleccionar el deslizador de imagenes que desee. Debido a que las imágenes de vista previa están en la parte superior, y ocupan bastante espacio, hace que sea muy claro cómo navegar por las diapositivas y funciona bien para un público menos conocedor de la tecnología.

La diapositiva principal tiene un borde de color turquesa en la parte superior e inferior, pero no tiene bordes a los lados. Esto le da un toque moderno y abierto.

La combinación del deslizador principal y las imágenes de vista previa en la parte superior significa que el regulador en su conjunto ocupa una gran cantidad de espacio. Es audaz y en-su-cara, y es perfecto para un sitio web en el que el control deslizante es la parte principal de la página web.

Hay una leyenda en la parte inferior izquierda. Hay un título, en texto de color turquesa sobre un fondo blanco, y un subtítulo con el texto blanco sobre un fondo turquesa. Ambos títulos salen directamente desde el lado del deslizador, y tienen las esquinas redondeadas.

La fuente utilizada es Noto Sans, una fuente humanista sans-serif. Esta fuente es legible a través de una amplia gama de tamaños de pantalla y dispositivos, por lo que es una opción perfecta para un buen deslizador. Debido a que es sans-serif es moderno y de aspecto limpio, mientras que las letras ligeramente redondeadas lo mantienen luminoso y agradable.

Al pasar el cursor por encima del deslizador nos lleva a dos flechas de navegación, una a cada lado. Estas flechas tienen un fondo gris que se extiende directamente desde el borde del marco y tienen las esquinas ligeramente redondeadas. Hay una flecha blanca fina en cada uno. Al pasar el cursor sobre la flecha hace que se extienden más allá del borde del marco y el fondo se vuelve de color turquesa.

El efecto del cambio predeterminado se llama 'rotate', donde las imágenes giran en su posición. Existe una serie de efectos de cambio para elegir, y casi todos ellos pueden trabajar con este diseño deslizante flexible. 'Collage' y 'cube' también son bonitos efectos que conservan un toque simple y moderno.

La combinación de color turquesa brillante, un diseño limpio y el audaz impacto del deslizador que ocupa tanto espacio significa que este deslizador podría funcionar bien para una empresa de joyería o cualquier persona o compañía dedicada a la venta de productos de lujo de alta gama. También funciona muy bien para una cadena de hoteles de lujo que quiere mostrar lugares de excepcional belleza donde se localizan los hoteles. De hecho, debido a que es un deslizador de diapositivas tan flexible en su diseño, funcionaría bien para casi cualquier sitio web.