title: how to change url to be as fancybox inner url
body: <p>Im useing <code>facybox 2.1.5</code> to show an <code>iframe</code>, and i need the <code>url</code><br>
  be same as the url inside fancybox, which need to be dynamic.</p>
  
  <p>For example, if i open <code>www.wikipedia.com</code> in fancybox my <code>url</code> should be
  <code>www.wikipedia.com</code>, and if in wikipedia i will click some other link my <code>url</code> has to change properly without refreshing the page (<code>www.wikipedia.com/something</code>).  </p>
  
  <p><strong>Update</strong>, and when i will close the fancybox my url will back to normal.  </p>
  
  <p>**Assume, in wikipedia the <code>url</code> and the content is changing witheout refreshing (<code>ajax</code>).    </p>
  
  <p>Here some code of mine:</p>
  
  <pre><code>          $('.fancybox').fancybox
            ({
                  type: "iframe",
                  padding: 0,
                  fitToView: false,
                  autoSize: false,
                   'scrolling'   : 'no',
                  wrapCSS: 'fancybox-custom',
                  closeClick: true,
                  openEffect: 'none',
                  helpers: 
                     {
                      title: {
                          type: 'inside'
                             },
                      overlay: 
                               {
                          css: 
                           {
                              'background': 'rgba(238,238,238,0.85)'
                           }
                               }
                      },
  
                 beforeShow: function () 
                  {
                    this.width = '60%'; 
                      this.height = ($('.fancybox-iframe').contents().find('body').height()) + 500;
                  }
  
              });
  </code></pre>