Viewer - Complemento de zoom de imagen simple para Vanilla JS y jQuery

Puedes hacer una búsqueda rápida y encontrar docenas de bibliotecas para lightboxes de imágenes, presentaciones de diapositivas, galerías, lo que quieras..

Una de las bibliotecas más nuevas que me llamó la atención es Viewer. Actualmente en la versión 0.6, sigue siendo un proyecto en desarrollo, pero esta imagen diseño y características del plugin son fenomenales.

Desde la página de inicio, encontrará una demostración en vivo con varios estilos de imagen. Usted puede elegir configura tu propia galería para diferentes características como el zoom directo con una sola imagen o un pase de diapositivas largo que contiene muchas imágenes.

Esto también viene con un “modo en línea” que une el visor de imágenes a un elemento en la página. Entonces cuando el el usuario hace clic en una miniatura para ampliar la foto dentro de ese elemento en lugar de encima de toda la página.

Encontrará botones para casi todo: rotaciones, subtítulos adicionales y zoom completo 1: 1 para obtener una visión clara de las fotos de alta resolución.

Con unas pocas opciones de JS. Tú decides cómo debería funcionar el script del Visor.. ¿No quieres que los visitantes se acerquen a las imágenes? No hay problema.

También puede deshabilitar la función de presentación de diapositivas, o simplemente deshabilitar los botones siguiente / anterior en la interfaz de usuario. Lo mismo ocurre con el fotos en miniatura que aparecen cuando la presentación está a la vista completa.

Además, tenga en cuenta que este script tiene una versión no jQuery si prefiere vanilla JS. Ambos complementos funcionan de la misma manera y ambos están en desarrollo activo. Todo lo que necesita para personalizar esta interfaz se puede encontrar en la página principal de GitHub.

Si eres grande en la codificación de tus propias interfaces de usuario, entonces Viewer es un complemento muy bueno. Se ofrece tan mucho control sobre el comportamiento de cada presentación de diapositivas que puede reestructurar esto en casi cualquier cosa que desee.

Los desarrolladores web tendrán un día de campo trabajando con todas las opciones en este script de imagen gratuito.