如何在jsp中实现图片的放大预览

如何在jsp中实现图片的放大预览,第1张

无论你是jsp,asp 。比较好的实现,当然用javascript
jsp也没什么特别,一样可以用javascript。
用javascript框架jquery + 一个插件Cloud Zoom
上网搜下cloud zoom的用法有很多html的例子,移植下就行了

JS来实现。
你搜一下 JS 里的 documentall('的ID')styleheight和documentall('的ID')stylewidth 方法

<img height="高" width="宽" id="ID" src="地址">
那么 documentall('ID')styleheight="200";

在页面中加个层,点击时将地址再放到层中整个放大;
<script>
function clickImg(obj)
{
var dv=documentgetElementById("div1");
dvinnerHTML="<img src="+objsrc+" width=100 height=100 />";
}
</script>
<img src="addressjpg" width=10 height=10 onclick="clickImg(this)"/>
<div id="div1" style="position:absolute">
</div>

1、jsp是动态语言,实现动态展示数据。浏览器通过解析这类动态语言,填充数据。展现出来的。因此固定与使用什么语言设置无关联
2、固定img是html标签,他自带固定大小width和height可以实现。当然也可以通过给img标签添加类,写样式实现的。如下:
2-1、<img src="xxxjpg" width="100" height="100" />
2-2、<img src="xxxjpg" class="wh100" />
wh100{ width:100px; height:100px;}

<%@pagelanguage="java"import="javautil"pageEncoding="UTF-8"%> <% Stringpath=requestgetContextPath(); StringbasePath=requestgetScheme()+&q缉单光竿叱放癸虱含僵uot;://" +requestgetServerName()+":"+requestgetServerPort() +path+"/"; %> <


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13384757.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-25
下一篇 2023-07-25

发表评论

登录后才能评论

评论列表(0条)

保存