图片可以正常显示,但是加了js总是无法实现,也不报错,不知道哪里错了,还是会跳到另一个页面

来源:2-1 前台页面开发

大娟

2017-01-02 11:05

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
  String path = request.getContextPath();
			String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>图片上传下载1</title>
<base href="<%=basePath%>">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<script type="text/javascript" src="js/jquery-1.11.1.js" />
<script type="text/javascript">
$(function(){
	 $(".thumbs a").click(function(){
          var largePath = $(this).attr("href");
          var largeAlt = $(this).attr("title");
          $("#largeImg").attr({
             src:largePath,
             alt=largeAlt
              });
          return false;
		 });
});
</script>
</head>
<body>
	<h2>图片预览</h2>
	<p>
		<img id="largeImg" alt="Large Image" src="images/11.jpg">
	</p>
	<p class="thumbs">
		<a href="images/11.jpg" title="image1"> <img alt=""
			src="images/1.jpg">
		</a> <a href="images/22.jpg" title="image2"> <img alt=""
			src="images/2.jpg">
		</a> <a href="images/33.jpg" title="image3"> <img alt=""
			src="images/3.jpg">
		</a> <a href="images/44.jpg" title="image4"> <img alt=""
			src="images/4.jpg">
		</a> <a href="images/55.jpg" title="image5"> <img alt=""
			src="images/5.jpg">
		</a>
	</p>

</body>
</html>

http://img.mukewang.com/5869c32b0001fd8608540649.jpg

写回答 关注

3回答

  • 慕移动9181930
    2022-03-24 01:23:50

    有了,快来学习吧。good

  • qq_人生道路_0
    2017-01-20 15:04:49

     求在讲解,我还是默认在本页显示大图片

  • 大娟
    2017-01-02 11:13:19

    解决了,js写错了  

     src:largePath,

     alt=largeAlt

    alt:largeAlt

Java中的文件上传下载

由简入深,轻松实现文件上传下载功能及相关框架的使用

77391 学习 · 337 问题

查看课程

相似问题