Caixa de fotos 3D – Galeria de mídia avançada

LIVE PREVIEWBUY FOR $35

Caixa de fotos 3D - Galeria de mídia avançada - 1

Atualizar

11/12/2020: Adicione designer de caixas de foto, back -end avançado de administração e ferramenta de autoria.

17/6/2020: Novo recurso: Item de marcação e link incorporado

Introdução

A caixa de foto 3D transforma as fotos de entrada em uma caixa tridimensional com várias camadas de imagem. Cada camada pode ser invertida para cima ou para baixo para revelar as fotos antes ou depois dela. Além disso, a caixa pode girar automaticamente e ajustar seu ângulo de visualização ao longo do eixo x e z.

Controle de qualidade

O código -fonte é bem comentado, bem testado e verificado para garantir sua qualidade livre de bugs para produção.

Fallback elegante

Uma bela galeria 2D é implementada como um retorno para os navegadores com recurso CSS3D não suportado. O aplicativo é alterado para o seu modo de fallback para garantir a melhor experiência do usuário.

Extensibilidade com facilidade

Personalize e estenda o aplicativo facilmente com seu próprio código. Fornecemos blocos de construção independentes como módulos AMD usando requerjs.

Tela múltipla suportada

Do desktop ao celular, o aplicativo se adaptará ao tamanho de cada tela, mantendo o design elegante e a experiência do usuário.

Recursos completos

  • Dois ângulos de visão no eixo x e z
  • Modo de galeria 2D de pleno direito avançado: ativado automático no navegador com recursos CSS3D não suportados
  • Tema escuro padrão e tema claro
  • Suporte de mídia multi: foto, áudio, vídeo, Ajax, embutido, iframe incorporado
  • Vários controles: teclado e mouse
  • Suporte de tela múltipla: celular, tablet. Desktop
  • Suporte de várias categorias
  • Vários arquivos de exemplos fornecidos
  • Suporte de tela cheia
  • Suporte de largura total
  • Comentando código de alta qualidade
  • Documentação de alta qualidade
  • Item personalizado Shadow suportado usando a propriedade CSS Box-Shadow
  • Mais de 50 opções de configuração
  • Crie facilmente apresentação de slides usando a opção Useautoplay
  • Pré -processador HTML usando modelos de pug
  • Animejs como mecanismo de animação central: suporte de equações de flexibilização múltipla, configuração de atraso, duração, retorno de chamada com facilidade
  • Forma de item personalizado usando OvalShape e Roundcorner opções
  • Componente Avançado de MediaViewer, um aplicativo Rich Lightbox Rich para visualizar conteúdo estendido
  • Sistema Avançado de Construção com Grunt: Crie facilmente arquivo de distribuição e exemplos com tarefas incorporadas
  • Pré -processador CSS usando a estrutura SASS e Compass
  • Várias variáveis ​​SASS oferecendo extrema flexibilidade para personalizar a aparência e a sensação de aplicativos
  • Muitos parâmetros de formulários da galeria: Wheelangle, Innerradius, Viewangle
  • Componentes personalizados: ItemTitle, ItemDescription, ButtonList, Buttonnavigtaor, GalleryScrollBar
  • Videojs como principal mecanismo de reprodução de vídeo
  • Audio5js como principal motor de reprodução de áudio
  • Leve: apenas 26kb em formato GZIP


Caixa de fotos 3D - Galeria de mídia avançada - 2


Caixa de fotos 3D - Galeria de mídia avançada - 3


Caixa de fotos 3D - Galeria de mídia avançada - 4

Créditos da imagem: unsplash.com

Créditos de vídeo: pexels.com


Source


Posted

in

by