[Plugin: jQuery Colorbox] Google Static Maps doesn't works

My solution is to use hidden divs… so you have a <div style=”display:hidden”>

Next you can insert a Div that contains the Google Map iFrame…

<div if=”name”>
<iframe width=”xx” height=”xx” frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”https://www.google.co.uk/maps/ms?msa=0&msid=205301475944891957823.0004adf0de8d51ed57a8c&ie=&#8230;.</iframe></div>

Then in your colorbox link you can do a target link #name that calls the hidden iFrame as needed…

This works 100% in FF, Chrome, Safari and IE9, but NOT IE8 and IE7, shame… help anyone?

For some reason, links to google stopped working within the Colorbox a few months ago.
For example, links to google.com or paypal.com won’t work either. Maybe the sites use Framekiller scripts:
https://en.wikipedia.org/wiki/Framekiller

Cheers,
Arne

Hi Arne, I have an update on this issue. When working with WordPress and the Colorbox plugin, you need to be aware of conflicting plugins, this is the principal cause of Google and Paypal not working, The most common cause is a conflicting call to Jquery.

For me the Contact Form 7 plugin conflicts with Colorbox.

if there was a jQuery conflict, the plugin wouldn’t work at all.

Links to sites like google.com or paypal.com won’t work even if you use the Colorbox library in a local HTML page…

Actually, loading google in the Colorbox was an example that Jack distributed with the library, but removed it in December 2011 after it stopped working.

Cheers,
Arne