calling facebox in a google maps balloon

Posted by XGreen on Stack Overflow See other posts from Stack Overflow or by XGreen
Published on 2010-04-25T13:10:57Z Indexed on 2010/04/25 13:13 UTC
Read the original article Hit count: 356

Filed under:
|
|
|
|

Hi Guys,

I have a gmap balloon.

var marker = createMarker(point, '<div style="width:240px" id="mapsball"><h2>Splash of London</h2><img src="_assets/images/themes/shop.jpg" id="mapThumb" width="100" align="right" /><p>110-112 Hoxton Street</p><p>London</p><p>N1 6SH</p><\/div>');

    map.addOverlay(marker, icon);

and a facebox attached to the click event of the image ('#mapsball') which opens it in a facebox

$(function() {
    $("body").delegate("#mapThumb", "click", function(){
         jQuery.facebox('<img src="_assets/images/themes/shop.jpg" align="right"/>');

    });
 });

this works fine in ff and safari and chrome. but doesn't fire in ie. I don't get a js error in ie so I am assuming it just doesn't get binded. any help would be greatly appreciated.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about JavaScript