Pages

Categories

Search

 

Javascript: Agrandar y reducir con un click en la foto

Javascript: Agrandar y reducir con un click en la foto

Por
diciembre 31, 2014
javascript
No hay Comentarios,se el primero!

Hola aqui les dejo un tutorial escrito sobre como agrandar y reducir una foto con tan solo darle click

Con esto 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=”http://perustudio.com/wp-content/uploads/2014/12/av2pr3.png” 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:

Dale click a la imagen