動的に背景画像URLを設定

私のgwtアプリケーションでは、私はいくつかの画像を持つツリーを得た。これらの画像はパネルにドラッグ＆ドロップすることでコピーできます。今、私はこのパネルでサイズを変更できるようにしたいと思います。具体的な画像パスを使って "background-image"のCSSコードをテストするときは、サイズを変更してください。background-size：cover works！私の問題は、イメージパスが動的なので、CSSに具体的なURLを設定できないということです。私はCSSから背景画像を削除し、自分のコードでbackgroundimageを設定すると、周囲のコンテナのサイズは変更されますが、画像は変更されません。実行時に選択した画像に「背景画像」を設定することは可能ですか？どのように私はCSSでそれを解決することができますか？ありがとうございます！動的に背景画像URLを設定

出典

2016-04-09 Jogi

いくつかのコードを表示できますか？私は、「背景サイズ」を「封じ込める」か「覆う」（あなたのニーズに合っていても）に設定してもいいですが、それがうまくいくかどうかは、あなたがすでに持っているものに依存します。 –

background-sizeは問題ではありません... "background-image"の具体的なイメージパスで私のCSSコードをテストすると動作します！しかし、問題は、私はCSSに具体的なURLを設定することはできません、画像パスが動的であることを... ...（ – Jogi

コード内でいつでも背景画像を設定できます。たとえば：

myPanel.getElement().getStyle().setBackgroundImage("url(/myImage.jpg)");

それがサイズ変更可能にするには、このパネルにthe correct CSSを適用する必要があります。考慮するいくつかのCSSオプションがあります。

出典

2016-04-09 14:29:44

私は "背景画像"の具体的な画像パスで私のCSSコードをテストすると、サイズ変更の作品！しかし、問題は、私はCSSに具体的なURLを設定することはできませんbeacuseイメージパスは動的です... :(私はどのようにCSSでそれを解決することができますか？ – Jogi

あなたはCSSで行うことはできません。 –

大丈夫ですが、どのようにURLを設定するのですか？ > myPanel.getElement（）。getStyle（）。setBackgroundImage（ "url（？）"）; – Jogi

動的に背景画像URLを設定

答えて

関連する問題