•  
     

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
Página inicial