源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
楼主: ttx9n

[JSP编程] jsp 页面上图片分行输出小技巧

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2009-4-24 01:33:02 | 显示全部楼层 |阅读模式
有时候需要图片分行显示,下面是比较不错的代码。 <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>

回复

使用道具 举报

2

主题

2万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2022-8-24 23:42:15 | 显示全部楼层
啦啦啦啦啦德玛西亚
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-4-8 05:37:57 | 显示全部楼层
逛逛看看瞧瞧
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

473

积分

中级会员

Rank: 3Rank: 3

积分
473
发表于 2023-8-1 07:09:48 | 显示全部楼层
啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-9-9 02:41:22 | 显示全部楼层
刷屏刷屏刷屏
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

473

积分

中级会员

Rank: 3Rank: 3

积分
473
发表于 2023-10-15 23:09:34 | 显示全部楼层
刷屏刷屏刷屏
回复 支持 反对

使用道具 举报

12

主题

2万

回帖

431

积分

中级会员

Rank: 3Rank: 3

积分
431
发表于 2023-12-8 15:00:22 | 显示全部楼层
快更新啊,我擦
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

347

积分

中级会员

Rank: 3Rank: 3

积分
347
发表于 2023-12-12 19:47:24 | 显示全部楼层
笑纳了老板
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

87

积分

注册会员

Rank: 2

积分
87
发表于 2024-3-9 23:01:23 | 显示全部楼层
老衲笑纳了
回复 支持 反对

使用道具 举报

6

主题

2万

回帖

247

积分

中级会员

Rank: 3Rank: 3

积分
247
发表于 2024-3-31 23:42:57 | 显示全部楼层
sdsadsadsadf
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-24 04:13 , Processed in 0.182447 second(s), 23 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表