Preview using an iframe

Question

How to preview a website using a iframe.

i.e, the size of the iframe should be should be as of the suggested videos o youtube.

Thanks..

I'm going to upvote this to at least even things out. This question is useful - I can't understand why someone would just downvote it. — code4life, Apr 06 '10 at 13:19
@code4life: because it's unclear what is asked and why is it needed. — MaxVT, Apr 11 '10 at 07:10
@MaxVT, lack of information by the OP is not a valid reason to downvote - lack of relevance is. And until we *get* more information, the question can't be non-relevant (innocent unless proven guilty, etc. etc.) If we used downvotes to punish everything that peeves us, what kind of a site would stackoverflow become? Which is why I upvoted to cancel your downvote... :) — code4life, Apr 12 '10 at 16:44
@code4life: this is becoming a meta discussion. I do not consider this a good question because it's neither "detailed and specific" nor "written clearly and simply" (from the FAQ). It's my personal opinion and the reason for my downvote. You think differently and so the votes even out. I'd say the system works pretty well, then? :) — MaxVT, Apr 13 '10 at 06:39
possible duplicate of [How to zoom IFRAME content only without using a frame set?](http://stackoverflow.com/questions/7203064/how-to-zoom-iframe-content-only-without-using-a-frame-set) — , Sep 29 '11 at 13:30

score 0 · Answer 1 · edited Sep 28 '11 at 19:45

0

<iframe src="http://www.youtube.com" style="width:150px; height:150px"/>

edited Sep 28 '11 at 19:45

answered Apr 06 '10 at 10:09

jAndy

231,737
57
305
359

score 0 · Answer 2 · edited May 23 '17 at 12:03

As told in stackoverflow already.

You can use AnythingZoomer to change insides of div.

Example

Create frame.php:

<script type="text/javascript">
     $(document).ready(function() {
          $("#webpage").load("<?=$_GET['url']?>");
    })
</script>
<div id="webpage" style="width: 100%; height: 100%;"></div>

And then load it where you need it with:

<iframe scr="frame.php?url=http://www.google.com" height="300" widht="300">

And set zoom:

<script type="text/javascript">
    $("#webpage").anythingZoomer({
       expansionSize: 30,
       speedMultiplier: 1.4
    });
</script>

Preview using an iframe

2 Answers2

Example