para - marcos en html bloc de notas
¿Cómo ampliar el contenido de IFRAME solo sin utilizar un conjunto de marcos? (4)
He usado un script en mi Facebook y está funcionando en IE y Firefox
<style type="text/css">
#iframe {
zoom: 0.15;
-moz-transform:scale(0.75);
-moz-transform-origin: 0 0;
-o-transform: scale(0.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0 0;
}
</style>
<iframe src="https://www.wikipedia.org/" height="700" width="550">Wikipedia Encyclopedia</iframe>
Necesito ampliar el contenido del marco solo. Aquí en mi página web utilicé el zoom: 0.75; height: 520px; width: 800px; zoom: 0.75; height: 520px; width: 800px; . Si aumento el valor del zoom, significa que aumentará el tamaño del cuadro.
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<STYLE>
#frame { width: 800px; height: 520px; border: 1px solid black; }
#frame { zoom: 0.75; -moz-transform: scale(0.75); -moz-transform-origin: 0 0; }
</STYLE>
</HEAD>
<BODY>
<IFRAME id="frame" src="http://www.google.com"></IFRAME>
</BODY>
</HTML>
En la página HTML de ejemplo anterior, quiero ampliar el contenido del IFRAME sin cambiar el tamaño de ese IFRAME.
Para esto, es posible que necesites usar javascript.
Hay un complemento de zoom para jQuery aquí: http://css-tricks.com/examples/AnythingZoomer/
Puede cambiar iframes src a una página web local (por ejemplo, frame.htm), colocar un div en el marco y usar la función jquery load () para cargar el contenido en el marco:
<script type="text/javascript">
$(document).ready(function() {
$("#loadGoogle").load("pageToLoad.html", function(){
//loaded
});
})
</script>
<div id="loadGoogle" style="width: 100%; height: 100%;"></div>
Luego use el plugin jquery zoom dentro del marco para ampliar el contenido.
<script type="text/javascript">
$("#loadGoogle").anythingZoomer({
expansionSize: 30,
speedMultiplier: 1.4
});
</script>
No estoy seguro si esto funciona con los documentos vinculados, pero con contenido alojado localmente los siguientes trabajos:
<IFRAME id="frame" src="local.pdf#zoom=100"></IFRAME>
Para una respuesta actualizada, esta es una gran guía. Aclamaciones
http://www.collaboration133.com/how-to-scale-iframe-content-in-ie-chrome-firefox-and-safari/2717/