写真のプレビュー

<link rel="stylesheet" href="${ctx}/webResources/jquery-lightbox/css/lightbox.css" type="text/css" media="screen" />
	<script src="${ctx}/webResources/jquery-lightbox/js/prototype.js" type="text/javascript"></script>
	<script src="${ctx}/webResources/jquery-lightbox/js/scriptaculous.js?load=effects" type="text/javascript"></script>
	<script src="${ctx}/webResources/jquery-lightbox/js/lightbox.js" type="text/javascript"></script>

<table width="100%">
			<tr>
				<td colspan="7" height="100px" style="text-align:center">
					<font style="color: red; font-size: 14px;">    </font>
				</td>
			</tr>
			<c:forEach var="module" items="${photoCountList}" step="1" varStatus="status">
			<a href="<%=path%>/upload/data/photo/${module}"  rel="lightbox[visit]">   
				
				<c:if test="${(status.index+1)%5==1}">   
					<tr class="tr_head" >
				</c:if>
				<td>
					${status.index+1}
					<img src='<%=path%>/upload/data/photo/${module}' width="150" height="200"/></img>
				</td>
				<td></td>
				
				<c:if test="${(status.index+1)%5==0}"> 
					</tr>
				</c:if>
			</a> 
			</c:forEach>
		</table>

<td width="85%" colspan=3 style="text-align:left;">
						 	<s:iterator id="photo" value="typePhotoList">
						 		<a href="<%=path%>/upload/data/photo/${photo.photoPath}"  rel="lightbox[visit]">
							   		<img src='<%=path%>/upload/data/photo/${photo.photoPath}' width="150" height="200"/></img>
							   	</a>
							</s:iterator>
						</td>