•  
     

BBCode para ampliar e reduzir imagens phpBB3

BBCode:

Código: Selecionar todos

[imgsize]{URL}[/imgsize]


Substituição do HTML:

Código: Selecionar todos

<img id="imgsize" src="{URL}" />
<style>
#imgsize {
   width:20%;
   height:20%;

   transition-property:width, height;
   transition-duration:0.5s;
   transition-delay:0.2s;

   /* Apenas para o Safari */
   -webkit-transition-property:width, height;
   -webkit-transition-duration:0.5s;
   -webkit-transition-delay:0.2s;
}

#imgsize:hover {
   width:100%;
   height:100%;
}
</style>


Linha de Ajuda:

Código: Selecionar todos

Amplia uma miniatura ao pousar o mouse e reduz ao tirar o mouse.


Demo:

Imagem

#FONTE