hacer zoom solo en una parte determinada de una pagina web

Iniciado por javierr, 24 Noviembre 2010, 18:39 PM

0 Miembros y 1 Visitante están viendo este tema.

javierr

Buenas, estoy haciendo una web y me gustaría que mediante botones de + y - pudiera hacer zoom de una parte determinada de mi pagina.

¿Sabéis como hacerlo?

javierr

Nadie sabe como hacer esto?

Podriamos decir que es algo parecido a lo que hace google con los mapas, o cualquier programa que tenga para el zoom al 100%, 200% 400% etc... no se...

Espero que alguien me lo pueda resolver gracias de todos modos

seele

quizas algo asi te sirva, realmente nunca lo implemente, esta hecho con ajax y solo sirve para imagenes de momento pero seguro lo puedes adaptar a lo que necesitas

http://www.netzgesta.de/loupe/

saludos

javierr

He encontrado algo que podría ser la solución de hecho lo he estado probando y funciona perfectamente, pero solamente en google chrome, en mozilla y explorer ni caso.

Lo paso por si alguien puede modificarlo para estos dos navegadores que obviamente son los que mas usa la gente.

Aquí teneis:
Código (javascript) [Seleccionar]

<div id="zooming">
<input name="aumentar" type="text" onclick="if(window.parent.document.body.style.zoom!=0) window.parent.document.body.style.zoom*=1.2; else window.parent.document.body.style.zoom=1.2;" value="AUMENTAR" src="magnify.gif" alt="Ampliar" width="52" height="36">

<input name="reducir" type="text" onclick="if(window.parent.document.body.style.zoom!=0) window.parent.document.body.style.zoom*=0.8; else window.parent.document.body.style.zoom=0.8;" value="DISMINUIR" src="demagnify.gif" alt="Reducir" width="52" height="36">
</div>



Saludos, espero que alguien pueda modificarlo tambien para explorer y mozilla cuando hagáis pruebas con el.

;)

RedZer

lo puedes hacer con jquery busca por google yo he visto un chorro de info

palabras claves como hacer zoom con jquery

Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo

javierr

si con jquery se puede hacer bien, pero ten en cuenta una cosa que con jquery solo se puede hacer zoom en imagenes, lo que yo he puesto ahi es para hacer zoom en todo el body en toda la página, lo mismo que si le dieras al Ctrl + y Ctrl - del navegador.

¿Sabrías modificar ese js que puesto ahí para que lo reconozca mozilla y explorer?