Foro Javi&DyDy Foro Pwg Los Tutoriales de DyDy Soloportables Webmaster

   
  Diseņos Ice Blue
 
Ampliando Imagen
 
Bueno este codigo consiste en que al aplicarlo en nuestras webs, se ampliara la imagen al tamaño que se desee con un solo clic y sin salir de la pagina.
Agreguen este codigo en el box ke dice
TEXTO POR DEBAJO DE LA PAGINA


<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>

 

Luego donde quieran mostrar la imagen, agreguen este otro code:

<img src="URL_imagen" width="ancho1" height="alto1"
onclick="zoomToggle('ancho1px','alto1px','ancho2px','alto2px',this);" />

 

Donde ancho1 y alto1 son el tamaño de la imagen inicial, la que vemos en la página y ancho2 y alto2 son el tamaño de la imagen ampliada, la que veremos al hacer click en la imagen.
La función puede usarse en cualquier imagen y en varias en la misma página.


aki pueden ver el ejemplo:den clic sobre el perrito:
 
  Hoy habia 9 visitantes (29 clics a subpáginas) ¡Aqui en esta página!
En constante actualizacion

DiDita9© 2007 | Plantilla PWG | Diseño de DyDy
Page copy protected against web site content infringement by Copyscape
 
 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=