jsp 页面上图片分行输出小技巧
作者:
有时候需要图片分行显示,下面是比较不错的代码。
<table border="0" cellpadding="2">
<c:forEach items="${pics}" var="pic" varStatus="status">
<c:if test="${((status.index)%3)==0}"><tr></c:if>
<td>
<input class='Input-0-border' name="bk_no" type="radio" value="${pic.piccode}"
<c:if test="${status.index==0}">checked</c:if>
onClick='changeVal(this.value)'/>
<c:if test="${not empty(pic.logoPath)}"><img src="${pic.logoPath}"></c:if>
<c:if test="${empty(pic.logoPath)}"><c:out value="${pic.picname}"/></c:if>
<input type="hidden" name="bk_name" value="<c:out value="${pic.picname}"/>">
</td>
<c:if test="${((status.index+1)%3)==0}"></tr></c:if>
</c:forEach>
</table>
<c:forEach items="${pics}" var="pic" varStatus="status">
<c:if test="${((status.index)%3)==0}"><tr></c:if>
<td>
<input class='Input-0-border' name="bk_no" type="radio" value="${pic.piccode}"
<c:if test="${status.index==0}">checked</c:if>
onClick='changeVal(this.value)'/>
<c:if test="${not empty(pic.logoPath)}"><img src="${pic.logoPath}"></c:if>
<c:if test="${empty(pic.logoPath)}"><c:out value="${pic.picname}"/></c:if>
<input type="hidden" name="bk_name" value="<c:out value="${pic.picname}"/>">
</td>
<c:if test="${((status.index+1)%3)==0}"></tr></c:if>
</c:forEach>
</table>