Adding Personal Google API into Fancybox
<p>I want to have my google api added to fancybox once my googlemaps img is click on.</p>

<p><a href="http://www.rhythmdesignz.biz/" rel="nofollow">heres the url</a></p>

<p>I would like that once the google img is clicked it opens a lightbox from fancybox and then runs the google api in light box.</p>

<p>I know I can just add a iframe and use fancybox to enter it in, but since Im learning javascript at the moment I would like to see how this would work.</p>

<p><a href="http://rhythmdesignz.biz/code/fancy-box/source/jquery.fancybox.pack.js" rel="nofollow">I have found the js code that is ran from fancybox here</a></p>

<p>The html from lightbox is</p>

<pre><code>&lt;div class="fancybox-outer"&gt;
&lt;div style="overflow: visible; width: 350px; height: 280px;" class="fancybox-inner"&gt;

&lt;img class="fancybox-image" src="images/directv_g_map.jpg" alt=""&gt;

&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I would not have posted this if I could have done this myself but after 10+ hours trying to do this Ive gotten frustrated that I cant clearly think.</p>

<blockquote>
  <p>-Ive been attempting to have the google api do an window onclick = init; then run ----didnt work<br/>
  -different versions of onclick and onload ---- didnt work<br/>
  -The one I believed would have worked best would be the createElement, but I have been having trouble getting the id for the lightbox img since it only has the class tag.
  I planned on editing the js file just to include a if statement which would the create a div id where I can then load my google api but yet no luck.<br/>
  -if(src == "directv_g_map.jpg") then change src to google api</p>
</blockquote>

<p>again I still learning but would appreciate some help thank you</p>
