ÍndiceÍndice  PortalPortal  FAQFAQ  BuscarBuscar  RegistrarseRegistrarse  ConectarseConectarse  

Compartir | 
 

 Ampliando Imagenes sin salir de la pagina

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
DyDy
colaborador/moderador 1º full
colaborador/moderador 1º full


Cantidad de envíos: 12912
Puntos de posteo: 8310
inscripción: 31/10/2007

MensajeTema: Ampliando Imagenes sin salir de la pagina   Jue Nov 13, 2008 6:50 pm

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

Código:
<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:
Código:
<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:
http://mistutos.es.tl/Zoom.htm
Volver arriba Ir abajo
Ver perfil de usuario http://didita.iespana.es
javidj
admin.
admin.


Cantidad de envíos: 14153
Puntos de posteo: 11328
inscripción: 06/08/2007

MensajeTema: Re: Ampliando Imagenes sin salir de la pagina   Jue Nov 13, 2008 10:56 pm

otra forma es la de pasar el raton por una imagen, y esta se agranda. ademas con posibilidad de darle enlace.
solo poner este codigo donde querais.
Código:
<a href="LINK"><img src="IMAGEN NORMAL PEQUEÑA" id="imagen" onmouseover="this.src='2º IMAGEN GRANDE' "onmouseout="this.src='IMAGEN NORMAL PEQUEÑA'" border="0"/></a>

SOLO UNA PEGA, debeis tener dos imagenes, una pequeña y otra la grande

AQUI UNA PRUEBA

pincha la imagen

____________________________
Participa ahora en el TOP WEB JYD AQUI
premios, afililiaciones, ranking...etc
------------------------
Horario disponible de soporte: fines de semana
Volver arriba Ir abajo
Ver perfil de usuario http://javidj.es.tl
 

Ampliando Imagenes sin salir de la pagina

Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.

 Temas similares

-
» imagenes para tu pin by @bad_noel
» lo q va de julio en imagenes para pin:
» IMAGENES GIF PARA BLACKBERRY
» TEMA 1: Blackberry imagenes para el PIN
» apoyando la vinotinto imagenes para el BBPin

Permiso de este foro:No puedes responder a temas en este foro.
 ::  :: Tutoriales sobre Imagenes en general-