http://leandrovieira.com/projects/jquery/lightbox/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head id="Head1" runat="server">
<title>未命名頁面</title>
<script type="text/javascript" src="js/jquery-1.3.2.js" ></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js" ></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(function() {
// This, or...
$('#gallery a').lightBox(); // Select all links in object with gallery ID
// This, or...
$('a.lightbox').lightBox(); // Select all links with lightbox class
// This, or...
$('a').lightBox(); // Select all links in the page
// ... The possibility are many. Use your creative or choose one in the examples above
$('#gallery a').lightBox({fixedNavigation:true});
});
</script>
</head>
<body>
<form >
<div id="gallery" >
<a rel="lightbox" href="pic/1.jpg" >1.jpg</a><br/>
<a rel="lightbox" href="pic/2.jpg" >2.jpg</a><br/>
<a rel="lightbox" href="pic/3.jpg" >3.jpg</a><br/>
</form>
</body>
</html>
留言列表
Web程式設計 (11)