Viewer - Plugin de Zoom de Imagem Simples para Vanilla JS & jQuery

Você pode fazer uma pesquisa rápida e encontrar dezenas de bibliotecas para lightboxs de imagem, apresentações de slides, galerias, o nome dele.

Uma das mais novas bibliotecas que me chamou a atenção é o Viewer. Atualmente na versão 0.6, ainda é um projeto em desenvolvimento, mas esta imagem design e recursos do plugin são fenomenais.

Na página inicial, você encontrará uma demonstração ao vivo com vários estilos de imagem. Você pode escolher defina sua própria galeria para diferentes recursos como o zoom direto com uma única imagem ou uma longa apresentação de slides contendo muitas imagens.

Isso também vem com um “modo inline” que anexa o visualizador de imagens a um elemento na página. Então, quando o o usuário clica em uma miniatura que amplia a foto dentro desse elemento em vez de no topo da página inteira.

Você encontrará botões para praticamente tudo: rotações, legendas extras e zoom total de 1: 1 para obter uma visão clara das fotos de alta resolução.

Com algumas opções de JS você decide como o script do Viewer deve funcionar. Não quer permitir que os visitantes façam zoom nas fotos? Sem problemas.

Você também pode desativar o recurso de apresentação de slides ou apenas desativar os botões próximo / anterior na interface do usuário. O mesmo vale para o fotos em miniatura que aparecem quando a apresentação de slides está à vista.

Além disso, note que este script tem uma versão não-jQuery, se você preferir vanilla JS. Ambos os plugins funcionam da mesma maneira e ambos estão em desenvolvimento ativo. Tudo o que você precisa para personalizar essa interface pode ser encontrado na página principal do GitHub.

Se você é grande em codificar suas próprias interfaces, o Viewer é um plugin muito legal. Ele oferece isso muito controle sobre o comportamento de cada apresentação de slides que você pode reestruturar isso em praticamente qualquer coisa que você quiser.

Os desenvolvedores da Web terão um dia de campo trabalhando com todas as opções neste script de imagem gratuito.