Hola aqui les dejo un tutorial sobre como agrandar y reducir una foto con tan solo darle click
Con la etiqueta img se mostrara la imagen y llamara a un script (onclick) con el nombre zoomtoggle y lo demas son medidas a las cuales va a cambiar.
copiar desde aqui
<img onclick=”zoomToggle(’150px’,’180px’,’337px’,’500px’,this);” src=”AQUI LA IMAGEN” style=”cursor: move; width: 150px; height: 180px;” width=”150″ height=”180″/>
y antes de cerrar la etiqueta < / head >
se debera colocar este script
<script type=’text/javascript’> 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>
Ejemplo:
http://perustudio.com/javascript-agrandar-y-reducir-con-un-click-en-la-foto/