首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web开发 >

js放大图片大小解决思路

2012-03-12 
js放大图片大小就是简单改变图片的长度或者宽度。,当然了,如果使两张图片,大小图切换也可以达到要求,反正不

js放大图片大小
就是简单改变图片的长度或者宽度。,当然了,如果使两张图片,大小图切换
也可以达到要求,反正不管怎么做就是要 点这一张图片,这张图片就放大,点另一张,另一张就放大,之前的图片恢复正常大小。

下面是我做的一个,但是做到这里就不会了,以前学的web技术忘光了,谁帮我做出来,给100分。谢谢

以下仅供参考:

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <base href="<%=basePath%>">
   
  <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">  
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
  </head>
  
  <body>
  点击图片放大,点另一张时,上次放大的图片恢复正常. <br>
  <img id="m1" src="am1.jpg" heiht="100" width="100" onclick="ck(m1)"/>图片一<br/>
  <img id="m2" src="am1.jpg" heiht="100" width="100" onclick="ck(m2)"/>图片二<br/>
  <img id="m3" src="am1.jpg" heiht="100" width="100" onclick="ck(m3)"/>图片三<br/>
   
  <script type="text/javascript">
  function ck (x) {
  m1.style.pixelHeight="200";
  m2.style.pixelWidth="200";
  ...

  }
  </script>
  </body>
</html>


[解决办法]
function ck (x) {
m1.Height="200";
m2.Width="200";
}

[解决办法]
可以写一个css有zoom:n (n代表放大的倍数),然后通过添加和去除css达到放大效果
或者直接方法改变该值也行

热点排行