lightgallery desktop
Version 0.1.1 release
Um visualizador de imagem moderno, elétron e baseado em NodeJS para Mac, Windows e Linux.
| Nome | Padrão | Descrição |
|---|---|---|
| modo | 'lg-slide' | Tipo de transição entre imagens. O LightGallery vem com muitos efeitos de transição, como 'lg-slide' , 'lg-fade' , 'lg-zoom-in' 'lg-zoom-in-big' 'lg-zoom-out-big' , 'lg-zoom-out' ', 'lg-soft-zoom' 'lg-zoom-out-in' 'lg-scale-up' , 'lg-slide-circular' 'lg-zoom-in-out' ' 'lg-slide-circular-vertical' , 'lg-slide-vertical' , 'lg-slide-vertical-growth' , 'lg-slide-skew-only' , 'lg-slide-skew-only-rev' , 'lg-slide-skew-only-y' , 'lg-slide-skew-only-y-rev' , 'lg-slide-skew' , 'lg-slide-skew-rev' , 'lg-slide-skew-cross' , 'lg-slide-skew-cross-rev' , 'lg-slide-skew-ver' , 'lg-slide-skew-ver-rev' , 'lg-slide-skew-ver-cross' , 'lg-slide-skew-ver-cross-rev' , 'lg-lollipop' , 'lg-lollipop-rev' , 'lg-rotate' , 'lg-rotate-rev' , 'lg-tube' |
| CSSEASACH | 'ease' | Tipo de flexibilização a ser usado para animações |
| velocidade | 600 | Duração da transição (em MS). |
| hidebarsdelay | 6000 | Atraso para ocultar controles da galeria em MS |
| Useleft | false | Force LightGallery para usar a propriedade CSS deixada em vez de transformar. |
| fechado | true | Permite que os cliques no dimmer fechem a galeria. |
| laço | true | Se false , desativará a capacidade de voltar ao início da galeria quando estiver no último elemento. |
| KeyPress | true | Ativar navegação no teclado |
| controles | true | Se false , os botões Anterior/Next não serão exibidos. |
| SlideNDanimatoin | true | Ativar animação deslizante |
| HIDECONTROLONEND | false | Se true , o botão Prev/Next será oculto na primeira/última imagem. |
| roda de mouse | true | Altere o slide na roda do mouse |
| pré -carga | 1 | Número de slides de pré -carga. Existirá somente após o slide atual estar totalmente carregado. Ex: // você clicou na 4ª imagem e se pré -carga = 1, então o 3º slide e o 5º slide serão carregados no fundo após o quarto slide estiver totalmente carregado. Se a pré -carga for 2, o segundo 3º quinto sexto slides será pré -carregado |
| showafterload | true | Mostre conteúdo depois de estar totalmente carregado |
| contador | true | Se deve mostrar o número total de imagens e o número de índice da imagem atualmente exibida. |
| SwipeThreshold | 50 | Ao definir o SwipeThreshold (em PX), você pode definir até que ponto o usuário deve deslizar para a imagem seguinte/previs. |
| EnabledRag | true | Ativa o suporte ao arrasto do mouse de mesa |
| Miniatura | true | Ativar miniaturas para a galeria |
| animatethumb | true | Ativar animação de miniaturas. |
| CurrentPagerPosition | 'middle' | Posição da miniatura selecionada. 'left' ou 'middle' ou 'right' |
| largura de digitação | 100 | Largura de cada miniatura. |
| THUMBCONCHEION | 100 | Altura do contêiner em miniatura, incluindo preenchimento e borda |
| Thumbmargin | 5 | Espaçamento entre cada miniatura |
| Tooglethumb | verdadeiro | Se deve exibir o botão de alternância do miniatura. |
| enablethumbdrag | true | Ativa o suporte ao arrasto do mouse para desktop para miniaturas. |
| SwipeThreshold | 50 | Ao definir o SwipeThreshold (em PX), você pode definir até que ponto o usuário deve deslizar para o slide próximo/prevent. |
| AutoPlay | true | Habilite a Gallery AutoPlay |
| pausa | 5000 | O tempo (em MS) entre cada transição automática. |
| ProgressBar | true | Habilitar a barra de progresso da AutoPlay |
| FourCeautoPlay | false | Se false AutoPlay será interrompido após a ação do primeiro usuário |
| AutoPlayControls | true | Mostrar/Ocultar controles de referência automática. |
| Pager | true | Ativar/desativar pager |
| zoom | true | Ativar/desativar a opção de zoom |
| escala | 1 | O valor do zoom deve ser incrementado/decrementado |
app - O código do seu aplicativo vai aqui.config - Coloque para você declarar coisas específicas do ambiente.build - Nesta pasta, as terras construídas e executáveis aplicam.releases - Pronto para instaladores de distribuição chegarão aqui.resources - Recursos para um sistema operacional específico.tasks - Construir e desenvolver scripts do ambiente. npm install
Ele também baixará tempo de execução do Electron e instalará dependências para o Second package.json Arquivo na pasta de app .
npm start
Para se preparar para o instalador de distribuição, use comando:
npm run release
Ele iniciará o processo de embalagem para o sistema operacional em que você está executando este comando. O arquivo que está pronto para distribuição será emitido para o diretório releases .
Você pode criar o Windows Installer apenas ao executar no Windows, o mesmo é verdadeiro para Linux e OSX. Portanto, para gerar todos os três instaladores, você precisa dos três sistemas operacionais.
Um plug -in de galeria de caixa de luz personalizável, modular, responsiva,.
O LightsLider é um controle deslizante de conteúdo responsivo leve com a navegação de miniaturas de carrossel.
Um simples módulo de mensagem flash leve para angularjs
Uma diretiva AngularJS para copiar o texto para a área de transferência sem usar o Flash
Uma rica Diretiva do Editor de Texto Wysiwyg para AngularJS.
Ladda Button Diretiva para AngularJS
Conjunto integrado de aplicativos de negócios. (Não é um projeto de código aberto, mas gratuito para as primeiras 1.000 empresas!)
Siga -me no Twitter @sachiChoolur para obter as últimas notícias, atualizações sobre este projeto.
Agradecimentos especiais a Jakub Szwacz pelo Electron Boilerplate
MIT Licença
