                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件

我的圖片不切換呢？

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
? ?<title>圖片燈箱插件</title>
? ?<link rel="stylesheet" type="text/css" href="http://idcbgp.cn/data/jquery.notesforlightbox.css" />
? ?<link href="css/lightBox.css" rel="stylesheet" type="text/css" />
? ?<script type="text/javascript" src="http://idcbgp.cn/data/jquery-1.8.2.min.js"></script>
? ?<script type="text/javascript" src="http://idcbgp.cn/data/jquery.notesforlightbox.js"></script>
</head>

<body>
<div id="divtest">
? ?<div class="title">
? ? ? ?<span class="fl">我的相冊(cè)</span>
? ?</div>
? ?<div class="content">
? ? ? ?<div class="divPics">
? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ?<li><a title="第1篇風(fēng)景圖片">
? ? ? ? ? ? ? ? ? ?<img src="http://img1.sycdn.imooc.com//52e489f20001ecfc04480275.jpg" alt="" />
? ? ? ? ? ? ? ?</a></li>
? ? ? ? ? ? ? ?<li><a title="第2篇風(fēng)景圖片">
? ? ? ? ? ? ? ? ? ?<img src="http://img1.sycdn.imooc.com//52e48a1e0001eec804480275.jpg" alt="" />
? ? ? ? ? ? ? ?</a></li>
? ? ? ? ? ? ? ?<li><a title="第3篇風(fēng)景圖片">
? ? ? ? ? ? ? ? ? ?<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", //圖片瀏覽時(shí)的背景色
? ? ? ? ? ?overlayOpacity: 0.5, //背景色的透明度
? ? ? ? ? ?containerResizeSpeed: 600 //圖片切換時(shí)的速度
? ? ? ?})
? ?});
</script>
</body>
</html>