`
duanfei
  • 浏览: 732203 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

照片预览

    博客分类:
  • JSP
jsp 
阅读更多
<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>
分享到:
评论

相关推荐

    html5照片预览

    要部署这个照片预览应用,你需要: 1. 将解压后的文件夹放入Tomcat的`webapps`目录下,假设文件夹名为`photo-preview`。 2. 配置Tomcat服务器,确保其已启动。可以在`conf/server.xml`文件中修改端口号,避免与系统...

    extjs中本地照片预览、blob数据在oracle中存取

    此压缩包中完全能实现的功能是在extjs中让本地照片预览,并且将地址传递给java后台,将图片文件以blob的形式存储到oracle数据库,并且可以默认将数据库中的数据第一次加载在预览框里(也就是从数据库中读出blob数据...

    沂蒙影社客户照片预览系统

    【沂蒙影社客户照片预览系统】是一个专为摄影工作室或个人摄影师设计的应用程序,旨在帮助管理员便捷地管理和预览客户的照片。该系统的核心功能是提供一个安全、高效的平台,使得管理员能够登录并查看存储的照片,...

    沂蒙影社顾客照片预览系统 v1.0.0 -ASP源码.zip

    【沂蒙影社顾客照片预览系统 v1.0.0 ASP源码】是一个基于ASP(Active Server Pages)技术开发的在线照片预览系统。该系统主要用于帮助沂蒙影社的顾客在线查看、预览他们的照片,提升服务质量和用户体验。ASP是一种...

    绝对好用!extjs中本地照片预览、blob数据在oracle中存取.zip

    此压缩包中完全能实现的功能是在extjs中让本地照片预览,并且将地址传递给java后台,将图片文件以blob的形式存储到oracle数据库,并且可以默认将数据库中的数据第一次加载在预览框里(也就是从数据库中读出blob数据...

    仿微信、QQ实现多图照片上传、照相,照片预览

    在IT行业中,尤其是在移动应用开发领域,实现类似微信和QQ的多图照片上传、照相以及照片预览功能是一项常见的需求。这些功能涉及到用户界面设计、图像处理、数据存储和网络通信等多个技术层面。以下是对这些知识点的...

    3D传送带视差照片预览特效

    "3D传送带视差照片预览特效"是一个能够显著提升用户互动性的技术应用,它利用了JavaScript库GSAP(GreenSock Animation Platform)和Zepto.js来实现。下面我们将深入探讨这个特效的实现原理、相关技术及其在实际项目...

    用jquery实现多张照片原图预览

    最后,`js`目录下的`preview-plugin.js`是自定义的jQuery插件,它实现了照片预览的功能。这个插件可能包含以下代码: ```javascript $.fn.previewPlugin = function() { return this.each(function() { var $this...

    Android自定义相机+预览+删除等功能

    这个项目“Android自定义相机+预览+删除等功能”旨在提供一个更加灵活和全面的相机解决方案,它包含了三连拍、照片预览以及删除照片等实用特性。 1. **自定义相机**: 自定义相机涉及到Android的硬件抽象层(HAL)和...

    沂蒙影社顾客照片预览系统 v1.0.0

    采用缩略图预览方式让顾客选片,高效快捷,管理方面,管理员可自行添加删除用户,用户只能看自己的照片,可以轻松通过网页方式上传所有图片,可以为客户创建只属于自己的像册,每位客户只能看到自己的照片,可以自由...

    viewer.js图片预览插件

    **标题详解:** "viewer.js图片预览插件" 是一个专门用于图片预览的JavaScript库,它提供了方便的功能,使用户能够在网页上快速、高效地预览图片。这个插件设计灵活,可以在不同的项目中独立使用,无需依赖其他大型...

    Qt图片预览(图形列表)

    在本主题"Qt图片预览(图形列表)"中,我们将深入探讨如何利用Qt来实现一个能够对图片进行预览、放大和缩小功能的图形界面应用。 首先,为了实现图片预览,我们需要使用Qt中的QGraphicsView和QGraphicsScene组件。...

    js 上传照片后,可预览

    在JavaScript(JS)中实现照片上传并预览功能是一项常见的需求,尤其在现代网页应用中。这个功能允许用户选择图片文件后,在上传到服务器之前...通过这些技术,我们可以为用户提供一个直观、高效的照片预览和上传体验。

    Jsp中显示本地图片预览

    在JSP(JavaServer Pages)中,显示本地图片预览是一项常见的需求,特别是在网页开发中。JSP是一种基于Java的动态网页技术,它允许开发者在HTML、XML或其他标记语言中嵌入Java代码,以实现服务器端的数据处理和动态...

    超级链接相册预览

    在IT行业中,超级链接相册预览是一种常见的用户体验优化技术,尤其在网页设计和开发中。这个技术允许用户在不离开当前页面的情况下预览图片或内容,提高浏览效率和满意度。"超级链接相册预览"这个主题主要涉及到...

    上传图片带预览功能.支持手机微信预览

    为了提供更好的用户体验,"上传图片带预览功能"是一项至关重要的特性。它允许用户在实际提交文件之前查看所选图片的效果,确保图片符合预期,减少误操作。这项功能不仅适用于PC端,同时也必须支持手机端,特别是微信...

    photoPreview:仿微信照片预览&选择

    【标题】"photoPreview:仿微信照片预览&选择"是一个项目,它的目的是实现类似微信的照片预览和选择功能。这个项目可能是一个Android或者iOS应用的一部分,因为微信是一款跨平台的应用,而Java标签则暗示这可能是针对...

    简化版手机端照片预览组件

    主要介绍了简化版手机端照片预览组件的相关资料,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics