Estoy intentando redimensionar una imagen al evento OnMouseOver, y al OnMouseOut retorne su tamaño. He encontrado en la RED muchos ejemplos pero todos ellos al redimensionar la imagen empujan lo que encuentra en su camino, es decir los textos, las tablas y otras imagenes (si los hubiera), por lo que decidí colocar mi imagen en un DIV, consideré que iba a ser más práctico.
El siguiente Script he modificado de muchos que existen en la RED a un DIV, que encontrandose dentro del mismo mi imagen ya no empuja nada cuando se redimensiona, pero........ todo los ejemplos que encontré para redimensionar siempre lo hacen de izquierda a derecha y de arriba hacia abajo.
Código PHP:
<body>
<script language= "JavaScript" type="text/javascript">
function aumenta_tamanio(nombre_imagen,cuanto) {
var ancho, alto;
I=document.getElementById(nombre_imagen);
ancho=I.width;
alto=I.height;
I.width=cuanto*ancho;
I.height=cuanto*alto;
}
function disminuye_tamanio(nombre_imagen,cuanto) {
I=document.getElementById(nombre_imagen);
I.width=I.width/cuanto;
I.height=I.height/cuanto;
}
</script>
<DIV STYLE="position:absolute; top:100px; left:100px; width:120px; height:130px; visibility:visible z-index:1">
<IMG name="milibro" id="MiId" src="MiImagen.gif" border="0"
onMouseOver="javascript:aumenta_tamanio(this.name,2);"
Onmouseout="javascript:disminuye_tamanio(this.name,2);" height=130 width=120>
</DIV>
</body>
Lo que Yo necesito es que se redimensione de abajo hacia arriba y de derecha a izquierda ¿es posible?, eso debido a que mi imagen se encuentra
situada en el
lado derecho, y al redimensionarse excede los límites de mi página mostrando el ScrollBar Horizontal.
- Pensaba probar con propiedades de una imagen como LEFT y TOP, pero estas no existen.
- Por otro lado pensaba en que lo mejor sería REUBICAR el DIV en una posición mucho mas superior para que luego a partir del mismo se redimensione como es habitual. Y ahi va mi pregunta:
¿Cómo puedo ubicar al evento OnMouseOver una nueva posición de TOP y LEFT al DIV para que a partir de esa posición se redimensione como es habitual una imagen de izquierda a derecha y de arriba hacia abajo?, ó...
¿Cómo modificar este Script de manera que la imagen se redimensione de abajo hacia arriba y de derecha a izquierda?
15-12-2007
Redimensionar Imagen (en DIV), sentido Left y Top
Temas Similares
Mode Lineal
