📄 gallery.jsp
字号:
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>测试</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="<%=path%>/css/galleria.css" media="screen">
<script type="text/javascript" src="<%=path%>/js/jquery.js"></script>
<script type="text/javascript" src="<%=path%>/js/galleria.js"></script>
<script type="text/javascript">jQuery(function($) { $('ul.gallery').galleria(); });</script>
</head>
<body>
<table width="100%">
<tr>
<td width="90%" height="400">
<ul class="gallery">
<li class="active"><img src="<%=path%>/images/flowing-rock.jpg" alt="Image01" title="A caption"></li>
<li><img src="<%=path%>/images/stones.jpg" alt="Image02" title="B caption"></li>
<li><img src="<%=path%>/images/grass-blades.jpg" alt="Image03" title="C caption"></li>
<li><img src="<%=path%>/images/ladybug.jpg" alt="Image04" title="D caption"></li>
<li><img src="<%=path%>/images/lightning.jpg" alt="Image05" title="E caption"></li>
<li><img src="<%=path%>/images/lotus.jpg" alt="Image06" title="F caption"></li>
<li><img src="<%=path%>/images/mojave.jpg" alt="Image07" title="J caption"></li>
<li><img src="<%=path%>/images/pier.jpg" alt="Image08" title="K caption"></li>
<li><img src="<%=path%>/images/sea-mist.jpg" alt="Image09" title="L caption"></li>
</ul>
</td>
</tr>
<tr>
<td><p style="text-align: center;" class="nav"><a href="#" onclick="$.galleria.prev(); return false;">« 上一张</a> | <a href="#" onclick="$.galleria.next(); return false;">下一张 »</a></p></td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -