SIGE - Galeria de Imagens Simples Estendida

Galeria de Imagens Simples Estendida cria galerias em Joomla! artigos - com Modo Turbo

Plugin: SIGE - Simple Image Gallery
Extended Function: Gallery in article -
As imagens são carregadas automaticamente a partir de um determinado caminho

Idiomas: Alemão / Inglês
Bônus: Botão do Editor - Parâmetro SIGE

Simple Image Gallery Extended é um poderoso plugin de conteúdo de galeria para Joomla!

Oferece inúmeras oportunidades para apresentar fotos de forma rápida e fácil em artigos. A característica única do plugin é que você pode controlar qualquer parâmetro na chamada de sintaxe.

Botão do editor - Parâmetros SIGE: Com o botão, você pode definir os parâmetros muito fáceis em um artigo. É uma excelente adição ao SIGE.

Os destaques são: chamada de parâmetro, função de marca d'água, leitura de dados iPTC, armazenamento em miniatura, função do corte, classificação por data de modificação, saída como uma lista, dica de ferramenta de imagem CSS, parâmetro SIGE do botão do editor e muito mais

Na versão 1.7-2, o SIGE foi reescrito inteiramente e equipado com inúmeras inovações. O destaque absoluto é o modo turbo. Este recurso não existe em nenhum outro plugin para Joomla!. No Modo Turbo 2 os arquivos de texto são criados a partir da saída HTML da galeria e carregados em sucessivas corridas. Esse recurso elimina o processo de edição tedioso de cada imagem. Em um teste com 50 imagens grandes, a criação de uma galeria com todos os recursos extras (salvar miniaturas, geração de marcas d'água, redimensionar imagens originais, etc.) sem o modo turbo durou aproximadamente 17 segundos. No modo turbo, levou apenas 1 segundo, e a galeria na mesma escala estava disponível!

Para chamar as sintaxes, além disso, um botão de editor foi programado. Torna muito fácil escolher a sintaxe necessária, mostrando todas as configurações e parâmetros do plugin. É um grande enriquecimento no uso do plugin SIGE.

Características

• Geração e armazenamento de miniaturas: imagens de visualização são criadas e armazenadas - carregamento mais rápido, melhor qualidade
• Arquivos XHTML 1.1 válido - CSS e JS são incluídos na seção principal, elimina erros de sintaxe
• Modo Turbo - toda a galeria é carregada a partir de um arquivo de texto
• Chamada de parâmetro - galerias individuais possíveis
• Integração de Slimbox, Lytebox, Shadowbox, Milkbox e Mootools
• Lytebox instalado para exibir uma apresentação de slides e evitar conflitos JS
• Número de imagens exibidas ajustáveis
• As imagens podem ser visualizadas sem um link
• Ordem aleatória das imagens
• Classificar por data de modificação possível
• Legendas
• Leia os dados do IPTC (título e descrição)
• Ler arquivo de texto (título e descrição) - suporte para arquivos multilíndricos
• Opção de impressão - imprimir imagem facilmente na exibição JS
• Opção de Download - baixar imagem com um clique
• Mostrar uma única imagem (sem galeria e com galeria)
• Exibição da lista - saída de imagem como uma lista
• Função de cultura
• Função marca d'água
• Dica de ferramenta de imagem CSS
• Botão do Editor - Parâmetro SIGE
• Vincular palavras com galeria
• A imagem original pode ser redimensionada
• Um index.html é gerado automaticamente em cada pasta de imagem, para proteger contra a leitura do conteúdo pelo navegador
• Backend alemão / Inglês e mais alguns idiomas

Instalação

Instale o plugin no backend e habilite-o em Extensões -

Plugin-Manager - Galeria de Imagens Simples Estendida

Atualização

Uma nova versão pode ser facilmente instalada durante uma instalação existente. Claro, você pode desinstalar qualquer versão mais antiga primeiro ou substituir arquivos via FTP (caminho: plugins/conteúdo/sige).

Uso do plugin SIGE

Com a chamada de sintaxe 

Exemplo

• Crie uma nova pasta em imagens (por exemplo, joomla-rocks) - assim o caminho para as imagens é imagens/joomla-rocks
• Carregue suas imagens nesta nova pasta
• Insira no artigo (onde você deseja colocar a galeria):

Lista de parâmetros

As galerias podem ser ajustadas usando parâmetros na chamada de sintaxe.

Possible parameters

width - Width of the thumbnail - example: 300
height - Height of the thumbnail - example: 300
gap_v - Vertical gap - example: 30
gap_h - Horizontal gap - example: 30
quality - Quality (jpg) - möglich: 1-100
quality_png - Quality (png) - possible: 1-9 (Compression level)
displaynavtip - Show navigation tip - 1 = yes, 0 = no
displayarticle - Show article name - 1 = yes, 0 = no
thumbs - Generate and save thumbnails - 1 = yes, 0 = no
limit - Activate limiting - 1 = yes, 0 = no
limit_quantity - Show number of images - example: 10
noslim - Deactivate lightbox effect - 1 = yes, 0 = no
sort - Random order - 1 = yes, 2 = no, ascending, 3 = no, descending, 4 = ascending by modified date, 5 = descending by modified date
root - Path to the images starting at the root folder - 1 = yes, 0 = no
ratio - Maintain aspect ratios of the images - 1 = yes, 0 = no
caption - Display captions - 1 = yes, 0 = no
iptc - Title and description of IPTC data - 1 = yes, 0 = no
iptcutf8 - IPTC data is already UTF8-encoded - 1 = yes, 0 = no
print - Display printing option in lightbox - 1 = yes, 0 = no
count - Set count variable manually - example: 5
single - Show a single image - example: imagename.jpg
scaption - Caption in single view, only use with parameter single - example: This is my caption
single_gallery - Show gallery if parameter single is used - 1 = yes, 0 = no
salign - Align single image - example: left / center / right
connect - Connect images in other syntax calls - example: bildset
download - Show download button - 1 = yes, 0 = no
list - Display images in a list - 1 = yes, 0 = no
crop - Enable crop function - 1 = yes, 0 = no
crop_factor - Zoom level - example 50 for 50 percent (enter without %!)
thumbdetail - Choose image section for thumbnail - 0 = 1:1, 1 = top left, 2 = top right, 3 = bottom left, 4 = bottom right
watermark - Enable watermark function - 1 = yes, 0 = no
watermarkposition - Position of the watermark - 0 = centered, 1 = top left, 2 = top right, 3 = bottom left, 4 = bottom right
watermark_trans - Transparency of the watermark - 0 to 100 - 0 = opaque, 100 - completely transparent
encrypt - Encryption method - 0 = ROT13 - very weak, but fast. 1= MD5 - safe, fast. 2 = SHA1 - very safe, slower than MD5
image_info - Show image name or IPTC data - 1 = yes, 0 = no
image_link - Set a link - example: www.kubik-rubik.de
image_link_new - Open link in a new window - 1 = yes, 0 = no
column_quantity - Images per line - example: 3 (for 3 images in one line)
css_image - Enable CSS Image Tooltip - 1 = yes, 0 = no
css_image_half - Half the size in tooltip - 1 = yes, 0 = no
copyright - Link to the author - 1 = yes, 0 = no
word - Link the gallery with a word - example: Gallery
watermarkimage - Set a different watermark image (image has to be located in plugins/content/sige/plugin_sige) - example: watermark-new.png
calcmaxthumbsize - Calculate maximum size of all thumbnails - 1 = yes, 0 = no
fileinfo - Information from text file (captions.txt - see slide Extras) - 1 = yes, 0 = no
turbo - Activate turbo mode - 1 = yes, 0 = no
resize_images - Resize original images - 1 = yes, 0 = no
width_image - Maximum width of resized images - example: 800
height_image - Maximum height of resized images - example: 800
ratio_image - Maintain aspect ratios of the original images - 1 = yes, 0 = no
images_new - Overwrite resized images - 1 = yes, 0 = no
nodebug - Suppress debug message output - 1 = yes, 0 = no

Usage

Syntax call: PARAMETER = VALUE. The parameters are separated with a comma. The order is irrelevant, what matters is that the image directory comes first.

Parameters can be used very easy with the Editor Button - SIGE Pparameters!

Examples

Limiting disabled, random order, size 100, vertical / horizontal distance of 20

Code:

Sem efeito lightbox (como uma galeria 1.0-Web), a imagem única é image.jpg, mostrar dados do IPTC, habilitar a opção de impressão

Código:

Mostrar galeria em uma lista, exibir o botão de download, carregar imagens no conjunto "imagens", os dados do IPTC são codificados utf8

Código:

Extras - Dicas e truques

Ativar modo turbo – A galeria é carregada em segundos

A partir da versão 1.7.-2 você pode ativar o Modo Turbo. Este recurso só está disponível no SIGE!

Primeiro, você precisa criar uma galeria. Se tudo estiver configurado adequadamente, o Modo Turbo pode ser ativado, usando o parâmetro turbo=1 como uma sintaxe. Da próxima vez que a primeira página for carregada, dois arquivos de texto serão gerados contendo a saída completa da galeria. Nas chamadas subseqüentes, apenas esses arquivos de texto serão carregados, o que eliminará a edição demorada de todas as imagens. O modo turbo não é definido globalmente e deve ser ativado manualmente em cada chamada de sintaxe.

Informações: Em um teste com 50 imagens em grande escala, o tempo de carregamento poderia ser reduzido, usando o Modo Turbo, de 17 para 1 segundo!

Se você quiser alterar as configurações da sua galeria depois de usar o Modo Turbo, os arquivos de texto devem ser recriados. Isso é possível definindo o parâmetro turbo=novo. Depois que os novos arquivos de texto foram criados (uma chamada para a galeria na parte frontal necessária), você tem que alterar o parâmetro de volta para turbo=1.

Você recebe dicas para usar os parâmetros no slide "Lista de parâmetros".

Carregar informações de imagem de um arquivo de texto – vários arquivos de texto para diferentes idiomas

As informações de imagem (título e descrição) podem ser carregadas através de um arquivo de texto (desde a versão 1.5-15).

Para este recurso, você tem que criar um arquivo de texto captions.txt em cada pasta de imagem. O arquivo deve conter a seguinte estrutura:

picutre.jpg|Image Title|Image description|Alt attribute for thubmail
picutre2.jpg|Image Title of the second image|Image description of the second image|Alt attribute for second thubmail|Link for second image
…

Parâmetros:

• 1 - Nome da imagem
• 2 - Título de Imagem
• 3 - Descrição da imagem
• 4 - Atributo Alt
• 5 - Link

Cada linha refere-se a uma imagem. Você tem que especificar pelo menos os dois primeiros parâmetros, separados com um símbolo de tubo ( | ). Os outros parâmetros podem ser omitidos.

Primeiro, você tem que definir o nome exato da imagem, incluindo a extensão do arquivo, como o segundo argumento que você escolhe o título desejado da imagem e, finalmente, a descrição.

O SIGE também suporta o uso de diferentes arquivos de texto para diferentes idiomas que são carregados dependendo do idioma ativo. Para usar esse recurso, você tem que nomear os arquivos com os códigos de idioma corretos.

Exemplo: Alemão – captions-de-DE.txt, Inglês – captions-en-GB.txt, e assim por diante.

Com esta opção, é possível fornecer um título e descrição diferentes para a mesma imagem.

A partir da versão 1.7-2 em você tem que ativar explicitamente esse recurso na página de configurações em "Informações do arquivo de texto".

Atenção: Os arquivos devem ser salvos com a codificação UTF8 sem BOM (por exemplo, com O Bloco de Notas++) para funcionar corretamente!

Link para a galeria com uma palavra, usada no artigo

A partir da versão 1.5-15 e 1.6-2 em você pode conectar palavras únicas com uma galeria ou uma imagem. Ele não mostrará uma galeria com miniaturas, mas se ligará a uma galeria (ou imagem) dentro do seu artigo.

Parâmetro: palavra

Exemplo para chamar:

You may find our 
 here!

Se você quiser vincular a uma única imagem de uma pasta, você tem que usar mais um parâmetro:

Here is the 
!

Nota: Não há personagens especiais, como comas ou pontos de interrogação possíveis (caracteres especiais em expressões regulares não têm sentido). Várias palavras podem ser inseridas com espaços.

Use diferentes marcas d'água

A partir das versões 1.5-15 e 1.6-2, você pode definir marcas d'água diferentes. O parâmetro é chamado: watermarkimage

A marca d'água deve ser encontrada no diretório plugins / content / sige / plugin_sige.

Exemplo:

O watermarkimage-new.png seria a imagem da marca d'água e está definido no diretório plugins / content / sige / plugin_sige / watermarkimage-new.png.

Dicas gerais

O tamanho correto da miniatura deve ser determinado usando o método "on-the-fly". Depois de encontrar o tamanho certo, você pode ativar a geração/armazenamento de miniaturas. Uma vez que as miniaturas da versão 1.5.7 são substituídas apenas usando a opção adicional! Alterações na qualidade da imagem não modificarão as miniaturas existentes. Se uma modificação for necessária, então você deve excluir as miniaturas no diretório de polegares respectivos. Ative a opção adicional "Substituir miniaturas". Uma vez que a versão 1.5-3 já gerada miniaturas podem ser facilmente substituídas. Portanto, você pode habilitar a opção "Substituir miniaturas" e recarregar a página de imagem. Se as miniaturas fossem criadas conforme desejado, a opção deveria ser desativada; caso contrário, eles são reconstruídos novamente em cada carga de página.

Erro interno 500 em muitas imagens

Existem muitas imagens (a partir de 60 para cima), então podem ocorrer erros internos, devido a limitações de você hospedar ou sobrecarregar os processos do servidor durante a geração das miniaturas. Este problema pode ser facilmente contornado desde a versão 1.5-4. Você deve ativar a opção "Limitar o número de imagens exibidas?" e escolher um valor de cerca de 30 imagens. Na primeira página de carga, de acordo com a configuração, 30 miniaturas são geradas. Agora você pode aumentar o número para 60. As miniaturas já criadas não serão recriadas (a opção "Substituir miniaturas" deve ser desativada!), e apenas as novas 30 miniaturas serão processadas. Isso é continuado até que todas as miniaturas sejam criadas. Depois disso, você pode desativar a opção "Limitar o número de imagens exibidas?".

Uma solução fácil seria recarregar a página, atingindo F5, até que a criação das miniaturas seja feita. A cada carga, algumas novas miniaturas são geradas e adicionadas. No entanto, recomendamos o primeiro método!

Remover bordas e sombras em miniaturas

Abrir /plugins/content/plugin_sige/sige.css


Excluir plano de fundo:url (shadowAlpha.png) sem repetição inferior direito!importante; - no seletor .sige_thumb para a sombra.

Excluir preenchimento:4px; - no seletor .sige_thumb img para a borda.

Registro de alterações

Joomla! 3.x

Versão 3.3.4 - 2019-08-06

• + Adicionada opção "Nenhum" para criptografia de marca d'água - Graças à EFEA por sugerir
• + Adicionado Campo Personalizado - Botão Pro
• ^ Campos personalizados atualizados
• ^ URL da página do projeto atualizada

Versão 3.4.2-PRO - 2019-04-05

• + Criar modelo de arquivo de texto - Com essa opção, o arquivo de texto 'captions.txt' é criado automaticamente na primeira carga de galeria para todas as imagens existentes na pasta (um nome de imagem por linha). Uma vez gerado, você deve abrir o arquivo de texto e concluir os dados. Obrigado a René G. pela solicitação de recurso!
• ^ Aumentou Joomla! requisito para versão >= 3.9 - Usando arquivo / pasta em vez de JFile / JFolder

Versão 3.4.1-PRO - 2019-04-03

• ^ Biblioteca de photoswipe atualizada para a versão 4.1.3
• # Associação de imagens de photoswipe fixo se a opção "Quebra de linha após número de imagens" for usada

Botão do editor

Botão do Editor - Parâmetro SIGE

Instale o plugin do editor com o instalador e ajuste-o em Extensões -> Plugins -> Button - Botão do Editor SIGE. Existem dois métodos: Configurações de janela modal on-the-fly ou configurações de plugin.

1º Método (recomendado):
Depois de clicar no botão SIGE Parameters, uma janela modal é aberta, onde você pode definir todos os parâmetros (incluindo pasta de imagem) individualmente. Após clicar em "Inserir", os parâmetros desejados são transferidos para o campo de texto.

2º Método:
Defina os parâmetros desejados no menu de configurações do plugin e ative o plugin. Todos os parâmetros são explicados com uma dica de ferramenta (botão mouseover)!

Ao escrever um artigo, clique no botão parâmetros SIGE. O código com os parâmetros definidos será automaticamente escrito na área de texto! Em seguida, a pasta de imagem deve ser ajustada.

Nota: Este é apenas um pequeno plugin auxiliar para o plugin principal, SIGE!