2016-04-09 17 views
0

In meiner gwt-Anwendung habe ich einen Baum mit ein paar Bildern bekommen. Diese Bilder können per Drag & Drop in ein Panel kopiert werden. Jetzt möchte ich sie in diesem Panel in der Größe veränderbar machen. wenn ich meinen css-code mit einem konkreten image-pfad für "background-image" ausprobiere, grösse: sowohl als auch background-size: cover funktioniert! Mein Problem ist, dass ich keine konkrete URL zum CSS setzen kann, da der Bildpfad dynamisch ist. wenn ich Hintergrundbild von CSS lösche und Hintergrundbild in meinem Code einstelle, ändert sich der umgebende Container, aber das Bild nicht. Ist es möglich, ein Hintergrundbild für das Bild festzulegen, das ich zur Laufzeit auswähle? Wie kann ich das mit CSS lösen? Danke !!Dynamisch gesetzt background-image-url

+0

Können Sie Code anzeigen? Ich kann Dinge wie "Hintergrundgröße" auf "contain" oder "cover" setzen (was auch immer Ihren Bedürfnissen entspricht), aber ob das funktioniert oder nicht, hängt davon ab, was Sie bereits haben. –

+0

background-size ist nicht das problem ... wenn ich meinen css-code mit einem konkreten image-pfad für "background-image" teste, funktioniert es! aber das problem ist, dass ich keine konkrete url zum css setzen kann, da der imagepath dynamisch ist ... :( – Jogi

Antwort

0

Sie können Hintergrundbild jederzeit in Ihrem Code festlegen. Zum Beispiel:

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

Um es resizable zu machen, müssen Sie the correct CSS auf diese Platte aufzubringen. Es gibt mehrere CSS-Optionen, die Sie berücksichtigen sollten.

+0

wenn ich meinen css-code mit einem konkreten bildpfad für "background-image" teste, funktioniert die größenanpassung! aber das problem ist, dass ich keine konkrete url zum css setzen kann, da der imagepath dynamisch ist ... :(wie kann ich das in css lösen? – Jogi

+0

Du kannst es nicht in CSS machen. Du musst den code verwenden Ich habe den Pfad festgelegt, wenn Sie es wissen. –

+0

okay, aber wie stelle ich url dyamic? > myPanel.getElement(). getStyle(). setBackgroundImage ("url (?)"); – Jogi