Убедитесь, что изображение отображается в браузере

Question

Как быть уверенным, что изображение отображается в браузере перед дальнейшими действиями?

Я хочу загрузить некоторые изображения в определенной последовательности, потому что я хочу быть уверен, что изображение всегда будет фоновым. Я пишу следующий код:

// load the view
final IView bgView = new StaticImgView(Constants.BG_CLASS, "Background", bgPath);
this.dPanel.add(bgView);
bgView.addErrorHandler(new ErrorHandler() {

    @Override
    public void onError(ErrorEvent event) {

        GWT.log("No Background-View.");
        loadLogoView();

    }

});
bgView.addLoadHandler(new LoadHandler() {

    @Override
    public void onLoad(LoadEvent event) {

        GWT.log("Background-View loaded.");
        GWT.log("> " + TicketViewer.this.dPanel.getWidgetCount());
        loadLogoView();

    }

});

Но изображение «Логотип» не отображается на фоне .. (?).

• bgView расширяет изображение.

• loadLogoView содержит аналогичный код для загрузки другого изображения.

• Обратите внимание, что фоновое изображение имеет размер 800x600, а все остальные изображения имеют размер меньше 104x100.

Answer 1

Добавьте LoadHandler к изображению (Image.addLoadHandler(LoadHandler)).

Answer 2

Это зависит от того, что составляет дальнейшие действия.Сценарий общего назначения, если вы используете JQuery, вы можете сделать это:

$('#imageId').load(function() { //Do Something })

Где imageId соответствует идентификатору в вашем теге img.

<img src="test.jpg" id="imageId" />