title: how to change size of viewport of content in iframe
body: <p>I want to change the size of the window in iframe. the iframe contains galery of pictures. By cliking on the picture the picture gets bigger up to the size of the window. (like fancyBox)
  I need the picture to adapt to the size of the viewport of the iframe and I cant do anything with the content of the page which is the source for the iframe.</p>
  
  <p>how can I make it and is it even possible </p>
  
  <p>example <a href="http://jsfiddle.net/SVqx9/18/" rel="nofollow">http://jsfiddle.net/SVqx9/18/</a></p>
  
  <p>just click on the bag and you'll see. I need hide the top of the page because it doesnt look nice to have it there to I need the
      <code>margin-top: -290px;</code>
  or at least I think I need it ? in order to move the top border of the content little bit up.</p>
  
  <p>Thanks </p>