calling facebox in a google maps balloon

Question

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.

I also tried the following but the same result:

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

Answer 1

Tried hard coding the event on the element (onclick="faceboxfunction();") and now it works.