Quisiera saber si es posible, mediante un javascript, que al apoyar o presionar sobre una imagen que hace "de boton" (ej: un signo +), se amplie una imagen en el mismo lugar que se encuentra (en una tabla)
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
function sizer(opt){ var obj = document.currentImg; obj.width = eval(obj.width + opt + 1.5); }
Los pedazos de c�digos marcados en rojo son los datos que puedes personalizar a tu gusto. Funciona de la siguiente manera:
hay que definir un espacio delimitado para la imagen pero no trabajando directamente sobre la imagen, en este ejemplo ser�a el DIV con dimensiones de 400 pixeles para ancho y alto. Las dimensiones las puedes ajustar para determinar cuanto es el espacio visual que tendr� la imagen pero no debe de ser valores relativos como lo es el porcentaje (%).
la imagen que esta dentro del DIV debe de tener definido el ancho o el alto en terminos de porcentaje, no puede ser ambas dimensiones al mismo tiempo porque de lo contrario es bien probable que la imagen se desfigure y pierde la verdadera persepci�n. En este ejemplo, defini el ancho a 100 porciento (%) para que ocupe el ancho completo del DIV.
la real clave para lograr el efecto de zoom in/out est� en el CSS; en necesario definir el DIV con la sentencia overflow:auto. Lo que esto realiza es que cuando el contenido que est� dentro de un elemento sobresale de las dimensiones que tiene la etiqueta padre, esta crea unos scrollbars dando la posibilidad de navegar el resto del contenido no visual.
no es necesario utilizar DIV, se puede usar otras etiquetas como SPAN.
las �reas marcadas en verdes indican la dimensi�n que esta manejando para lograr el efecto de zoom; puedes reemplazarlo por height seg�n tu gusto.
el n�mero que compone esta linea (1.5): obj.width = eval(obj.width + opt + 1.5); corresponde a un factor que maneja la cantidad de zoom a efectuar. Mientras mas alto es el factor, m�s fuerte es el zoom y viceversa. Pero ten cuidado al usar valores decimales con cero (ejemplo 0.9) porque de lo contrario realiza la funci�n a la inversa; en lugar de zoom in hace zoom out.
De:TOSKA
Util para:0 personas
Fecha: 23/09/2005 Mensaje:
Yo lo he hecho y funciona, pero las animaciones que tengo en la p�gina se detienen. Alguien sabr�a decirme porqu�?.
De:ZeroKilled
Util para:1 personas
Fecha: 23/09/2005 Mensaje:
Me atreveria a decir que estas utilizando Internet Explorer. Pues recientemente verifique si en Mozilla actuaba igual y no sucedio nada mal. Se cuando es que se comporta de la forma en que usted describio pero no se por que es. Sucede cuando se presiona un enlace que por lo general contiene codigo JavaScript. Sucede igual si escribes codigos JS en la barra de direccion. Y como siempre, los productos de Microsoft siempre tienen tantos bugs y porquerias.
De:Enrique Alejandro Ogalde
Util para:2 personas
Fecha: 24/09/2005 Mensaje:
Es cierto lo que comenta Zero killed respecto a las "fallas" de Internet Explorer al aparecer c�digo Java Script en nuestras p�ginas.
Sin embargo no se olviden que MUCHAS COSAS QUE EN INTERNET EXPLORER FUNCIONAN el Mozilla ni siquiera se entera que existen. Tampoco me agrada Micro$oft, igual que a todos; pero despreciarlo por completo es absurdo, ya que somos pocos a�n los que usamos navegadores alternativos.
Si usan flash o swish tb ver�n que no es posible poner "el fondo transparente"; y como esas, muchas m�s cosillas. En mi caso tuve (y tengo) un problema con un random para un banner, que funciona solo en IE, y no anda en mozilla, ni Opera, ni Netscape.
Asi que a ser prudentes a la hora de elegir hacer algo solo para un navegador. La idea ser� tomar lo mejor de cada uno considerando pros y contras.
Saludos desde Trelew - Patagonia Argentina.-
Cordialmente Enrique
De:Victor
Util para:0 personas
Fecha: 26/09/2005 Mensaje:
<H3>Pasa el mouse para ampliar<BR> y quitalo para reducir</H3>
Necesito ayuda!
Estoy intentando hacer un zoom de una imagen que esta compuesta a su vez por cuatro, y no se como hacerlo, he buscado, pero s�lo he encontrado como hacer el zoom de una imagen s�lo.
Gracias.
De:henry
Util para:0 personas
Fecha: 23/05/2007 Mensaje:
hola amigos tengo el siguiente problemas quiero colocar dos imagenes una sobre otra y que cuando mueva el mouse sobre un texto xxxx desaparezca una y quede activa la de abajo como puedo hacer
Adjunto el codigo que tengo hasta ahora
.vis1 { visibility:visible }
.vis2 { visibility:hidden }
pasa el mouse por aqui y desa parecera la imagen :p .
Volver al foro | 
Responder | 
Añadir nuevo tema
