Página 1 de 1

BBCode para ampliar/reduzir imagens

Enviado: 24 Fev 2014, 19:10
por Maf3r0
Descrição: Este bbcode tem a finalidade de ampliar/reduzir imagens. Isso pode ser necessário quando se utiliza imagens em alta resolução e, com o bbcode Imagem

Se pousar o mouse, a imagem amplia:
  • Imagem
Uma outra opção seria usar o evento onmouseover. Mas ele é muito chato porque se você apenas passar o mouse pela imagem ela já amplia e isso acaba incomodando mais do que ajudando:

Substituição do HTML para o onmouseover

Código: Selecionar todos

<img style="max-width:200px; box-shadow: 4px 6px 15px #9C9C9C; margin:0 0 0 15px;" src="{URL}" onmouseover="this.style.maxWidth='100%'" onmouseout="this.style.maxWidth='200px'">
Este bbcode teve a contribuição do Chico Goes e robra quando me ajudaram neste tópico: viewtopic.php?f=152&t=48752

Re: BBCode para ampliar/reduzir imagens

Enviado: 25 Fev 2014, 09:15
por murilo_ns
Parabéns a todos os envolvidos, muito boa essa dica
Obrigado por compartilhar

Re: BBCode para ampliar/reduzir imagens

Enviado: 06 Jun 2014, 00:49
por DeeW.
Valeu cara!

Re: BBCode para ampliar/reduzir imagens

Enviado: 19 Set 2014, 17:01
por jonathasqs
como faco para ampliar a imagem ao clica e ela sobresair no post

Re: BBCode para ampliar/reduzir imagens

Enviado: 19 Set 2014, 18:27
por robra
jonathasqs escreveu:como faco para ampliar a imagem ao clica e ela sobresair no post
Este assunto já foi tema de outros tópicos já resolvidos. Use o "Pesquisar...", no topo da página, e faça uma busca por "redimensionar imagem". No resultado, haverá links de tópicos que citam uma MOD que faz isso.

Abraço. Imagem

Re: BBCode para ampliar/reduzir imagens

Enviado: 23 Out 2014, 03:17
por rabia
This matter has been the subject of other threads already solved...
The language of support is on portuguese.

Editado pelo Moderador