title: Passing a dynamic href into Fancybox Iframe
body: <p>I'm trying to build a href on the fly to pass it into fancybox iframe and pass the link into a php file </p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
    jQuery(document).ready(function($){
      $('a').each(function(){
      var Href = 'GetImg.php?img=' + $(this).attr("href");
      alert ("Href");
      $(".Images").click(function() {
  
             $.fancybox.open({
             href : Href,
             type : 'iframe',
             padding : 5
             });
      });
     };
  
   }) ; // ready
  &lt;/script&gt;
  </code></pre>
  
  <p>Href is being set ie alert ("Href") and passed into the php file but isn't opening in the  iframe.
  if i hard code </p>
  
  <pre><code>href : 'GetImg.php?img=/images/myImg.jpg' it works
  </code></pre>
  
  <p>my link is</p>
  
  <pre><code>&lt;a class="Images" href="/images/myImg.jpg" title="A witty Title"&gt;Send to PHP&lt;/a&gt;
  </code></pre>
  
  <p>FYI This is the GetImg.php</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
  &lt;html&gt;
    &lt;head&gt;
    &lt;meta http-equiv="content-type" content="text/html; charset=windows-1250"&gt;
    &lt;meta name="generator" content="PSPad editor, www.pspad.com"&gt;
    &lt;title&gt;Holly Gibbons&lt;/title&gt;
  &lt;script type="text/javascript" src="fancyBox-2.0.6/lib/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
  
    &lt;script type="text/javascript" src="/js/ddpowerzoomer.js"&gt;&lt;/script&gt;    
  &lt;script type="text/javascript"&gt;
  jQuery(function($){
      $('#image3').addpowerzoom({
          defaultpower: 2,
          powerrange: [2,5],
          largeimage: null,
          magnifiersize: [100,100] //&lt;--no comma following last option!  
      }); 
      });
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;?php 
    $my_img = $_GET['img'];
    ?&gt;
  &lt;p&gt; &lt;img id="image3" src = &lt;?php echo $my_img ?&gt; /&gt;&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>