Как скрыть loadingAnimation.gif в Thickbox ...? - PullRequest
2 голосов
/ 28 августа 2009

Я новичок в jQuery Thickbox. Я реализовал следующий код:

HTML:

<a class="thickbox" href="javascript:void(0);" onclick="javascript:initMap(lat,lng,'htmlmsg',1);" >map</a>

<div id="show_map" style="display:none">
    <div id="map_canvas"></div>
</div>

JS:

function initMap(x,y,msg,flg){
        var map = new GMap2(document.getElementById("map_canvas"),{size: new GSize(400,380)});
        map.removeMapType(G_SATELLITE_MAP);
        map.removeMapType(G_HYBRID_MAP);
        var point = new GLatLng(x, y);
        var htmlMsg = msg;
        map.setCenter(point, 14);
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        var baseIcon = new GIcon();
        baseIcon.shadow = "";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);
        var letteredIcon = new GIcon(baseIcon);
        letteredIcon.image = "http://www.google.com/intl/en_ALL/mapfiles/marker.png";
        markerOptions = { icon:letteredIcon };
        var marker = new GMarker(point,markerOptions); 
        GEvent.addListener(marker, "mouseover", function() {    
            map.openInfoWindowHtml(point, htmlMsg);  
        }); 
        map.addOverlay(marker);
        if (flg==1){
            map.openInfoWindowHtml(point, htmlMsg);  
        }
        tb_show('Quick view','#TB_inline?height=400&width=400&inlineId=show_map',true);
    }

Проблема в том, что файл «loadingAnimation.gif» всегда отображается в толстой коробке, даже после полной загрузки карты Google.

Ответы [ 3 ]

1 голос
/ 31 августа 2009

Вы можете удалить загрузочное сообщение (чтобы оно вообще не отображалось) с помощью следующего CSS:

#TB_load img { display: none !important; }

при желании вы можете удалить его через скрипт, вызвав

document.getElementById('TB_load').style.display = "none"

когда захочешь.

0 голосов
/ 28 августа 2009

Кажется странным, но меняется

<a class="thickbox" href="javascript:void(0);" onclick="..." >map</a>

до

<a class="thickbox" href="#" onclick="..." >map</a>

заставляет меня работать.

0 голосов
/ 28 августа 2009

Я почти уверен, что код Google Maps не имеет к этому никакого отношения. Лучшим способом было бы вообще не отображать загрузчик (удалить его из кода Thickbox) или скрыть loading.gif после инициализации размещения.

Я не очень знаком с Thickbox. Но он должен иметь обратный вызов. Используйте, чтобы скрыть GIF (или его контейнер).

...