Una manera de agrandar tus imágenes, mediante el efecto zoom, es el siguiente: accedemos a nuestra plantilla de la manera acostumbrada, y con nuestro buscador de códigos (CTRL+F) ubicamos </head> , y justo sobre colocamos éste código:
<script type='text/javascript'>
// C.2004 by CodeLifter.com
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,
iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>
Luego guardamos plantilla, y para tener nuestro código de implementación siempre a mano debemos seguir éste paso a paso: CONFIGURACIÓN ==> FORMATO ==> PLANTILLA DE ENTRADA y colocamos allí éste código:
<img src="URL-DE-LA-IMAGEN" width="100" height="100" onclick="zoomToggle('100px','100px','200px','200px',this);">
Las medidas en color "rojo" y "verde" siempre deben mantenerse (ejem: "100 " "40 " ), estas medidas corresponden al ancho y alto de la imágen en el ejemplo, pero pueden ser perfectamente bien cuadradas (ejem: " 200 " " 200 " ).
Las medida que observamos en color fucsia y naranja corresponden a las medidas de la imágen que nos va a aparecer cuando hagamos click sobre ella (ejem: " 400 " " 150 " -proporcionales al original-) en cualquiera de los ejemplos anteriores. A continuación voy a dejarles un ejemplo:
Espero les sea de utilidad.
