0

CSS

.myStyle {
height: 10px;
background-image: url(../myImage.png);
}

jsp

<img class=myStyle src=<% imageurl != null ? imageurl: (bacground-image property from my css)%> >

これを達成する方法はありますか？css プロパティを変更するだけでデフォルトの画像を変更できるように、コードにデフォルトの URL をハードコーディングしたくありません。

4

1 に答える 1

0

あなたが本当に欲しいのはプロパティファイルです - たとえば、このhttp://www.easywayserver.com/blog/java-resourcebundle-properties-file-jsp/のように

# image default
myimage.default=../myImage.png

と

<%@ page language="java" import="java.util.*" %>
<%
ResourceBundle resource = ResourceBundle.getBundle("commonVariable");
/// commonVariable.properties file will be in WEB-INF/classess  folder

String defaultImage=resource.getString("myimage.default");
.
.
.
if (imageurl==null) imageurl=defaultImage;

%>

<img class="myStyle" src="<%= imageurl  %>" />

必要に応じて代替

https://stackoverflow.com/a/2104580/295783

function setImageFromBG(img) {
  var style = img.currentStyle || window.getComputedStyle(img, false),
  img.src = style.backgroundImage.slice(4, -1);
}

<img class="myStyle" src="<%= imageurl %>" onerror="setImageFromBG(this)" />

bgimage コードでも適切な画像が得られない場合、ループする可能性があります

于 2013-01-14T06:41:38.307 に答える