Galeria de salas
Apresentamos um produto extraordinário que irá revolucionar a forma como a arte é apresentada e levar os seus utilizadores numa viagem por uma galeria real.
Se você está procurando uma maneira de seu site refletir a atmosfera de sua instituição ou quer saber como atrair a atenção do seu público para sua criatividade, Galeria de salas é a escolha perfeita.
Ele oferece possibilidades de personalização ilimitadas.
Super fácil de implementar em qualquer sistema ou estrutura CMS
- Escolha uma das três formas de trabalhar com a galeria: Vanilla JS/jQuery/React
Usando Vanilla JS:
- Anexe a biblioteca da sala da galeria JS ao cabeçalho do seu documento
- Adicione um ID à sua tag body, por exemplo: div
- Selecione suas imagens (img) no corpo usando JS Query Selector
- Crie um objeto de galeria e inicialize-o (apenas uma linha de código)
- Tudo isso em 4 linhas de código
Incluímos 3 exemplos de uso para facilitar ainda mais!
Características principais
Altere as cores da parede, do teto e do piso
Adicione suas próprias texturas e personalize a galeria para atender às suas necessidades
Determine o conteúdo de cada segmento de parede (objeto) e coloque qualquer conteúdo HTML nele
Código fonte do Reagir.js componente está incluído para fácil extensão durante o desenvolvimento
Detalhes técnicos
Totalmente adaptado aos navegadores modernos, responsivo e rápido
Baseado em tecnologias comprovadas de animação CSS e variáveis CSS
conteúdo do pacote
Arquivos de pacote NPM (package.json) para instalar o componente em seu aplicativo JavaScript
Código fonte do Reagir.js componente com estilos em SASS (SCSS) que você pode modificar conforme necessário
Uma biblioteca em puro JavaScript se você não estiver usando React
jQuery plugin se você usa jQuery em seu site
Exemplos prontos de implementação e configurações
Acesso à configuração em diferentes níveis, como configurações de JavaScript, estilo JavaScript, eventos JavaScript, retorno de chamada JavaScript, variáveis CSS, variáveis SASS
Opções de personalização
Três opções para fornecer dados de imagem à galeria: um arquivo JSON com links e descrições, uma função de promessa ou especificação de tags de imagem na página de destino
Configurações do modo escuro
Planos de fundo e cores de paredes, teto e piso para cada modo
Três estilos para setas e botões, com a opção de fazer upload dos seus próprios
Três estilos de paginação, incluindo miniaturas
Descrição, título e conteúdo de cada segmento de parede na galeria, incluindo vídeos e seu próprio código HTML
No caso de utilização do componente React.js, possibilidade de implementação de qualquer conteúdo reativo no segmento de parede
Como funciona
Vá para a visualização ao vivo
Veja como Galeria de salas parece ao vivo e em capturas de tela.
durante a animação
personalização de paredes
modo escuro
estilo de navegação
no dispositivo móvel
Artigos Relacionados
