我正在编写一个软件(GWT),其中应显示足球俱乐部的不同图像及其名称。所以我写了以下方法:
public void updateClubNameHeader(String clubName, int logoNumber) {
clubLabelFrame.clear();
HTML clubLogo = new HTML();
clubLogo.setStyleName("clublogo_img");
clubLabelFrame.add(clubLogo);
Label clubNameLabel = new Label(clubName);
clubNameLabel.setStyleName("clubnameLabel"); <--- logoNumber?
clubLabelFrame.add(clubNameLabel);
}
更改俱乐部(
clubNameLabel
)的名称没有问题,但是如果我也想拥有一个新徽标,则使用此CSS样式:(文件名:1.jpg,2.jpg,... ).clublogo_img {
...
background-image: url("images/1.jpg") !important
}
问题:如果我想代表所有可能的俱乐部,我必须写大约100种样式。
问题:是否可以将我的整数logoNumber传递给CSS,以便这种样式足以显示所有选择的徽标?
最佳答案
您不能使用CSS做到这一点。您可以使用GWT来做到这一点:
clubLogo.getElement().getStyle().setBackgroundImage("url(\"images/" + imageNumber + ".jpg\")");