私の改札アプリケーションには、ユーザーの役割とさまざまな基準に応じたページがあります。私のデータベースでは、そのユーザーの背景として使用される画像のパスを保存しています。すべてのユーザーには独自のページがあります。次のようなことをすると、読み取り画像を追加できることがわかります。
<img wicket:id="img">
これに対応して、画像を取得するコードを書いています。
しかし、どうすれば画像をボディの背景として動的に設定できますか?
私の改札アプリケーションには、ユーザーの役割とさまざまな基準に応じたページがあります。私のデータベースでは、そのユーザーの背景として使用される画像のパスを保存しています。すべてのユーザーには独自のページがあります。次のようなことをすると、読み取り画像を追加できることがわかります。
<img wicket:id="img">
これに対応して、画像を取得するコードを書いています。
しかし、どうすれば画像をボディの背景として動的に設定できますか?
あなたのページでは、いくつかのヘッダーの貢献でそれを行うことができます:
@Override
public void renderHead(IHeaderResponse response) {
super.renderHead(response);
response.render(CssHeaderItem.forCSS("body{ background-image: url('" + getBackgroundBodyImagePath() + "');};", "uniqueBodyBackground"));
}
または、要素にウィケット ID を割り当てて、次のよう<body>
に追加することもできます。AttributeModifier
@Override
protected void onInitialize() {
super.onInitialize();
bodyElement.add(AttributeModifier.replace("style", "background-image: url(" + getBackgroundBodyImagePath() + \"');"));
}