<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>图片灯箱插件</title>
<script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://www.imooc.com/data/jquery.notesforlightbox.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.imooc.com/data/jquery.notesforlightbox.css" />
</head>
<body>
<div id="divtest">
<div class="title">
<span class="fl">我的相册</span>
</div>
<div class="content">
<div class="divPics">
<ul>
<li><a href="http://img1.sycdn.imooc.com//52e489f20001ecfc04480275.jpg" title="第1篇风景图片">
<img src="http://img1.sycdn.imooc.com//52e489f20001ecfc04480275.jpg" alt="" />
</a></li>
<li><a href="http://img1.sycdn.imooc.com//52e48a1e0001eec804480275.jpg" title="第2篇风景图片">
<img src="http://img1.sycdn.imooc.com//52e48a1e0001eec804480275.jpg" alt="" />
</a></li>
<li><a href="http://img1.sycdn.imooc.com//52e48a4c00015ad204480275.jpg" title="第3篇风景图片">
<img src="http://img1.sycdn.imooc.com//52e48a4c00015ad204480275.jpg" alt="" />
</a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('.divPics a').lightBox({
overlayBgColor: "#666", //图片浏览时的背景色
overlayOpacity: 0.5, //背景色的透明度
containerResizeSpeed: 600 //图片切换时的速度
})
});
</script>
</body>
</html>
Passing十字路口
2014-11-05
0 回答
举报
0/150
提交
取消
