Or does anyone know of any other method to display a zoomed version of a webpage, maybe a web service you could append the URL you'd like magnified to.. webpagezoomer.com/thepageiwanttozoom.com ?? Long shot I know lol.
I also use the HTML object to do just about everything in our campaigns as well. We've been having similar issues, more specifically problems with enlarging content pulled from an external site. Even though the content was pretty much plain text, I couldn't increase the font size using CSS.
I found a solution, though. By putting the whole external site in a <div>, I could then use
transform property of CSS (see code below) on the divider, I was able to enlarge it by a factor of choice.
<html>
<head>
<style>
#wrap
{
width:670px;
height:412px;
border:0px solid blue;
margin-left:180px;
margin-top:85px;
transform:scale(1.5,1.5);
-ms-transform:scale(1.5,1.5); /* IE 9 */
-moz-transform:scale(1.5,1.5); /* Firefox */
-webkit-transform:scale(1.5,1.5); /* Safari and Chrome */
-o-transform:scale(1.5,1.5); /* Opera */
overflow: hidden
}
</style>
</head>
<body>
<div id="wrap">
<iframe id="conventus" src="http://hvl-gruppen.dk/mediasignage/test/conventus_js.html" style=" border-width:0 " width="670" height="412" frameborder="1" scrolling="no"> </iframe>
</div>
</body>
</html>
Examples
Orignal:
http://hvl-gruppen.dk/mediasignage/test/test_original.htmlZoom:
http://hvl-gruppen.dk/mediasignage/test/test_zoom.htmlNote that the margins and the transform factor are the only things that differ in the two page-sources. (The margins need tweaking, because they are transformed as well. Didn't bother perfecting them for test purposes.)
I don't know if this will be of any use to you, but this solved my issues (for now).
An official zoom-feature for scenes/html components would also be appreciated.
If you post what site you're attempting to zoom in on, I could perhaps help you a bit more.
