WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Miscellaneous

GalleryGen - Image Gallery HTML Code Generator

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


GalleryGen -  Image Gallery HTML Code Generator - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Veja este vídeo preview para ter uma idéia melhor de como ele funciona

Todo desenvolvedor web tem que lidar com galerias de imagens. Trata-se de olhar para cima um monte de imagens, obter o seu caminho e nomes, e depois colocá-los em um layout padrão HTML, e também incluem legendas e títulos para as imagens. Este processo pode se tornar bastante tedioso.

GalleryGen visa aliviar a carga do processo. Ele gera um código HTML para galerias de imagens, que incluem galerias de imagem Luz e Slideshows. Em vez de usar PHP para localizar as imagens que utiliza HTML5 e javascript.

As principais características são:

  1. Selecione as imagens a partir de uma janela de diálogo de arquivo ou arraste e solte-os. Selecção múltipla de imagens é possível, em ambos os casos.
  2. Organize as imagens selecionadas por arrastá-los ao redor.
  3. Exclua qualquer imagem selecionada a partir da lista.
  4. Lightbox visualização das imagens selecionadas.
  5. Duas opções de galeria - Lightbox e Slideshow.
  6. Digite atributos de título para marcas de âncora e alt e title atributos para imagens.
  7. Para Slideshow - Opções para inserir uma capa de sua escolha para o slideshow, wrappers para cada imagem e código HTML personalizado antes / depois de cada imagem.
  8. O gerador gera código HTML válido.
  9. Selecione o código gerado, clicando no botão "Select Code", tornando-o fácil de copiar todo o código gerado. O código gerado também é editável usando o atributo "contenteditable".

Para saber sobre as opções de saída de código disponíveis têm um olhar para as imagens. Uma vez que nenhum PHP é usada, este gerador pode ser executado localmente.

NOTA: Este gerador usa as últimas tecnologias HTML5 e, consequentemente, será executado corretamente em navegadores modernos que suportam estas tecnologias. No momento em que estes incluem Firefox 3.6+, Chrome 7.0 ou superior e Opera 11.10+. Chrome tem algumas restrições quando o gerador é executado localmente e não mostrar as imagens embora ainda gera código correto. Se o gerador é executado a partir de um servidor, em seguida, ele funciona muito bem no Chrome. Não há nenhuma complicação no Firefox eo gerador funciona bem lá, não importa de onde você executá-lo. No Opera não há suporte para HTML5 Drag and Drop ainda. Então você não vai ser capaz de arrastar as imagens para o gerador, mas apenas selecioná-los a partir da janela de diálogo de arquivo.

Atualizado em 26 de julho de 2011 - Versão 1.1

  • Adicionado um botão "Select Code", que quando clicado seleciona todo o código gerado, tornando mais fácil para o usuário a copiar rapidamente o código gerado.
  • A área para o código gerado na caixa de sobreposição modal é agora editável usando o atributo "contenteditable".
  • Corrigido um erro na visualização Lightbox das imagens selecionadas, onde as Mesas de Luz às vezes eram abertura com tamanhos incorretos.
  • Mais itens CosmoCoder

    Mostrar fotos, áudio, vídeo óvulos mentir Dois Modos de Exibição Filtering FunctionaUty define várias Galeria Suporte Suporte fluido Responsive design dois esquemas de cores várias configurações

    Galeria de Imagens, Áudio, Vídeo Coverfiow Miniatura Itens modos de exibição de filtro de arquivo Categorias tipo personalizado fluido Responsive Design Toque tela suporte CCGaNer HTM5 MULTIMÍDIA GA1ERY olos ftot V.deos

    TRANSIÇÕES TRANSIÇÃO RESPONSIVE NAVEGAÇÃO LAYOUT DE TOQUE PER transições de slides CUSTOM HTML LEGENDAS conteúdo HTML OPÇÕES


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
24 10 de dezembro

Última Atualização:
26 11 de julho

navegadores compatíveis:
IE10, IE11, Firefox, Safari, Opera, Chrome, Software Version

alta resolução:
Não

Arquivos incluídos:
JavaScript JS, HTML, CSS

Palavras-chave

eCommerce, todos os itens, arraste e solte, galeria, gerador, HTML5, imagens, JavaScript, favoritos, galeria lightbox, slideshow