FancyBox3
jQuery lightbox script para exibir imagens, vídeos e muito mais.
Touch habilitado, responsivo e totalmente personalizável.
Touch habilitado, responsivo e totalmente personalizável.
Começo rápido
<!-- 1. Add latest jQuery and fancyBox files -->
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>
<!-- 2. Create links -->
<a data-fancybox="gallery" href="big_1.jpg"><img src="small_1.jpg"></a>
<a data-fancybox="gallery" href="big_2.jpg"><img src="small_2.jpg"></a>
<!-- 3. Have fun! -->
Por que fancyBox
Primeiro móvel
Parece ótimo em todos os dispositivos.
Suporta os gestos de toque mais comuns - toque duas vezes, aperte e pique para visualização de imagens; deslize horizontal para navegação.
Suporta os gestos de toque mais comuns - toque duas vezes, aperte e pique para visualização de imagens; deslize horizontal para navegação.
Múltiplas instâncias
É possível abrir um modal enquanto outro ainda está visível.
Configuração rápida e fácil
Apenas dois arquivos. Pode ser implementado sem escrever uma única linha de JavaScript.
Reconhecimento automático de conteúdo
Suporta os sites mais populares como o YouTube, o Vimeo e os mapas do Google fora da caixa.
GPU acelerou
Animações aceleradas por hardware para melhor desempenho.
Responsivo
Defina as dimensões de conteúdo usando qualquer unidade CSS e o navegador fará o resto.
Todos os gráficos, incluindo o ícone de carregamento, são criados apenas com CSS.
Todos os gráficos, incluindo o ícone de carregamento, são criados apenas com CSS.
Mostruário
Galeria de imagens
Por padrão, fancyBox pré-carrega uma imagem antes de exibi-la. Você pode optar por exibir a imagem imediatamente. Ele renderizará e mostrará a imagem em tamanho real enquanto os dados estiverem sendo recebidos.
fancyBox suporta o srcset com o descritor w em todos os navegadores. Isso permite servir diferentes imagens dimensionadas com base na largura da janela de exibição. O que isso significa é que os usuários móveis agora podem ser servidos com menores tamanhos de arquivos, o que, por sua vez, acelera a entrega do conteúdo. Também ao longo do tempo, isso pode salvar um pouco de largura de banda, o que, por sua vez, pode poupar dinheiro.
Autodeteção
Os sites suportados podem ser usados com fancyBox apenas fornecendo o URL da página. Você pode misturar imagens, vídeos e qualquer conteúdo HTML em cada galeria.
Seja criativo
O objetivo de fancyBox3 é ajudá-lo a se destacar e poupar tempo. Com a ajuda de um pouco de CSS e JS, você pode facilmente criar algo incrível . Animações diferentes , UI , tudo é possível! 😉
Abaixo está apenas uma pequena variedade de demonstrações criativas.
Licenças
O fancyBox está licenciado sob a licença GPLv3 para todas as aplicações de código aberto.
É necessária uma licença comercial para todos os aplicativos comerciais (incluindo sites, temas e aplicativos que você pretende vender).
É necessária uma licença comercial para todos os aplicativos comerciais (incluindo sites, temas e aplicativos que você pretende vender).
Licença comercialúnica
Limitado a 1 projeto
Suporte comunitário
Atualizações futuras
$ 29
Suporte comunitário
Atualizações futuras
$ 29
Licença comercialestendida
Projetos ilimitados
Suporte premium de 1 ano
Atualizações futuras
$ 119
Suporte premium de 1 ano
Atualizações futuras
$ 119
Eu já tenho uma licença fancyBox 2. Preciso atualizá-lo?
Não. Todas as licenças compradas antes de 24 de fevereiro de 2017 foram atualizadas automaticamente para o equivalente atual e nenhuma ação é exigida pelo titular da licença.
Qual é a principal diferença entre a licença Single e Extended?
O objetivo principal da licença estendida é permitir que você crie sites para seus clientes sem comprar uma nova licença para cada projeto.
Posso usar o fancybox no produto vendido para vários clientes (por exemplo, no tema vendido no Themeforest)?
Ao comprar ONE "Extended Commercial license", você pode incluir o produto fancyBox em ONE (por exemplo: tema premium, plugin ou modelo) para venda. Os clientes e usuários do seu produto não precisam comprar sua própria licença - desde que não estejam desenvolvendo seus próprios produtos comerciais com fancyBox.
Você não tem permissão para criar um produto diretamente concorrente com o fancyBox. Por exemplo, você não tem permissão para criar um plugin premium cujo objetivo principal é trazer a funcionalidade modal / lightbox para o site.
Você não tem permissão para criar um produto diretamente concorrente com o fancyBox. Por exemplo, você não tem permissão para criar um plugin premium cujo objetivo principal é trazer a funcionalidade modal / lightbox para o site.
Nenhum comentário:
Postar um comentário