O PinchZoomer é um plug-in jQuery fácil de configurar para dispositivos móveis e desktop que adiciona a função de pinçar para zoom / zoom de rolagem do mouse ao seu conteúdo HTML.
Histórico da versão
Versão 2.3
Adicionado
– Opção para reposicionar ou ocultar dicas de ferramentas ao aplicar zoom ou arrastar
– opção de aceleração de hardware para marcadores (desativada por padrão)
– Algumas soluções alternativas de navegação no guia de documentação
Mudado
– Doubletap zoomout padroniza para o valor mínimo de zoom
– Cursor padrão para “ponteiro”
Fixo
– desempenho em marcadores
– ponto de zoom no modo de escala “inteligente”
– zoom em versões mais recentes do iOS
Versão 2.2
Adicionado
Opções
– mouse sobre a opção de zoom (o padrão é desabilitado)
Exemplos
– Produto com o mouse sobre o zoom
Versão 2.1
Adicionado
Opções
– opção de zoom para marcador (o padrão é desativado)
– arraste o limite para o centro (o padrão é desabilitado)
– role a página quando o conteúdo atingir seu limite de arrastar (o padrão é desabilitado)
– valor “inteligente” para a opção scaleMode
– initZoom
API
– função de transformação
– função zoomToMarker
Recurso
– dicas de marcadores agora incluídas
Exemplos
– Opções Dinâmicas
– Adicionar ou remover marcadores
– Zoom multicamadas
– Mapa com marcadores
Removido
– dependência do plug-in da roda do mouse
Mudado
– O conteúdo mantém o fator de zoom quando a janela é redimensionada ou o dispositivo muda de orientação
Versão 2.0
Adicionado
– Suporte para conteúdo HTML (não apenas imagens)
– Uso de rolagem nativa quando o conteúdo não é ampliado
– Marcadores
– Tela cheia nativa
– Carregamento de imagem adaptável
– Mais exemplos usando API
Removido
– Suporte para IE8 e versões anteriores e Android 2.2.x (para IE8 e versões anteriores e suporte para Android 2.2.x, use a versão 1.x)
– Modernizr (não é mais necessário)
Mudado
– API aprimorada para eventos, manipulação de conteúdo
– Opções de conteúdo
– Os controles estão sempre visíveis para melhorar o desempenho
Características
1. Toque ativado
Isso fornece os gestos de toque familiares para ampliar o conteúdo em dispositivos móveis.
2. Totalmente responsivo
Este plug-in pode se adaptar a qualquer tamanho de tela para que você tenha uma experiência de visualização ideal, esteja usando um computador ou dispositivos móveis.
3. Cross-browser, compatível com IOS e Android
Usar IOS, Android, laptops, desktops ou até mesmo um navegador antigo como o IE9 não deve ser problema com este plug-in.
4. Configuração simples
Iniciante em HTML ou desenvolvedor jQuery hardcore? Não importa, porque tudo que você precisa é de uma única linha de código de JS ou HTML e tudo funciona automaticamente.
5. API do desenvolvedor
Este plug-in permite que os desenvolvedores tenham mais controle usando a API PinchZoomer.
6. Vários zoomers de imagem em uma página
Adicione o recurso de zoom multitoque a quantos conteúdos desejar em uma página.
7. Zoom do conteúdo DIV
Diferentes elementos como imagens, texto, etc. podem ser colocados dentro de um DIV e ampliados.
8. Suporte a marcadores e dicas de ferramentas
Adicione marcadores, amplie os marcadores ou adicione dicas de ferramentas aos marcadores. Estes são ótimos para mapas, plantas baixas ou até mesmo produtos.
9. Suporte de alternância de tela cheia
Dispositivos de tela pequena precisam de todo o espaço possível. Isso dá uma opção para o usuário visualizar o conteúdo sem confusão.
10. Carregamento de imagem adaptável
Evite tempo de carregamento, recursos e atrasos desnecessários, fornecendo o tamanho de imagem correto para qualquer tamanho de tela.
JS Necessário
jQuery
Martelo JS
TweenMax
Nota: As imagens não estão incluídas na sua compra. Além disso, é impossível verificar este plug-in em todos os dispositivos, portanto, verifique os exemplos na visualização ao vivo usando o dispositivo que você deseja oferecer suporte. Obrigado!
Artigos Relacionados