Foros del Web » Programando para Internet » Jquery »

Cambiar nivel de zoom del navegador

Estas en el tema de Cambiar nivel de zoom del navegador en el foro de Jquery en Foros del Web. He hecho 2 botones y quiero que cambien el nivel de zoom del navegador, ¿es posible esto con jquery o javascript? He encontrado parches por ...
  #1 (permalink)  
Antiguo 14/05/2013, 02:00
 
Fecha de Ingreso: septiembre-2004
Mensajes: 31
Antigüedad: 20 años, 3 meses
Puntos: 0
Cambiar nivel de zoom del navegador

He hecho 2 botones y quiero que cambien el nivel de zoom del navegador, ¿es posible esto con jquery o javascript?

He encontrado parches por ahí pero no son compatibles con todos lo navegadores, también he intentado hacer que al pulsar el botón ejecute Ctrl ++, pero no lo he conseguido.

Muchas gracias de antemano.
  #2 (permalink)  
Antiguo 14/05/2013, 13:47
 
Fecha de Ingreso: junio-2008
Ubicación: Colombia
Mensajes: 207
Antigüedad: 16 años, 6 meses
Puntos: 12
Respuesta: Cambiar nivel de zoom del navegador

Hay algo de CSS involucrado, es solo cambiar estilos.

http://www.shopdev.co.uk/blog/text-r...g-with-jquery/
  #3 (permalink)  
Antiguo 17/05/2013, 03:16
 
Fecha de Ingreso: septiembre-2004
Mensajes: 31
Antigüedad: 20 años, 3 meses
Puntos: 0
Respuesta: Cambiar nivel de zoom del navegador

Gracias, Rosencrantz.

Así es como lo estoy solucionando, pero no me convence del todo, porque no es compatible con todos los navegadores. Por eso preguntaba, por si había algo menos engorroso.

Pongo aquí cómo lo he solucionado, por si a alguien le viene bien. De IE8 para abajo no funciona, eso sí:

Código:
var currentZoom = 1;//Zoom inicial
var currentBckAncho = 1800;//Ancho fondo inicial
var currentBckAlto = 982;//Alto fondo inicial
		
//Ampliar									  
$("#ampliar").click(function(event){
	currentZoom += 0.1;
	currentBckAnchoFin= Math.round(currentZoom*currentBckAncho);
	currentBckAltoFin= Math.round(currentZoom*currentBckAlto);
			
	document.body.style.zoom=currentZoom; 
	document.body.style.backgroundSize=currentBckAnchoFin+"px " +currentBckAltoFin+ "px";
			
	/Firefox
	document.body.style.MozTransform = 'scale(' + currentZoom + ')';
			
	//Opera
	document.body.style.OTransform = 'scale(' + currentZoom + ')';
	return false;
});//fin ampliar
Un saludo.

Etiquetas: javascript, zoom
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:25.