DyDy
colaborador/moderador 1º full
Cantidad de envíos: 12912
Puntos de posteo: 8310
inscripción: 31/10/2007
 | | Tema: 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 |
|
javidj
admin.
Cantidad de envíos: 14153
Puntos de posteo: 11328
inscripción: 06/08/2007
| | Tema: 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 AQUIpremios, afililiaciones, ranking...etc ------------------------ Horario disponible de soporte: fines de semana |
|
