缩放切换效果的jquery图片轮播器

    这是一款我爱模板网从某游戏网站扒来的jQuery图片轮播插件，因为比较好看，所以分享给大家，它支持众多图片，切换时，上一张图片和下一张图片会缩小并且暗淡，以突出当前图片，当前图片正常显示在正中间。建议至少放四张图片，否则效果不好看。兼容性没有测试。 1、引入downl_info.css：

<link href="css/downl_info.css" rel="stylesheet">

2、将上一个left-but.png和下一个right-but.png按钮放到您的images文件夹，如果位置变化了，要修改downl_info.css里面的路径。

3、加入html代码（class和id不要改变），如果要增删图片，增删ul里面的li即可：

<div class="snapShotWrap" id="snapShotWrap">
 <a id="shotNext" class="snap-shot-btn next" title="下一张" href="javascript:void(0);"><i></i></a>
 <a id="shotPrev" class="snap-shot-btn prev" title="上一张" href="javascript:void(0);"><i></i></a>
 <ul class="snapShotCont">
 <li class="snopshot">
 <img src="images/img1.png"><span class="elementOverlays"></span>
 </li>
 <li class="snopshot">
 <img src="images/img2.png"><span class="elementOverlays"></span>
 </li>
 <li class="snopshot">
 <img src="images/img3.png"><span class="elementOverlays"></span>
 </li>
 <li class="snopshot">
 <img src="images/img4.png"><span class="elementOverlays"></span>
 </li>
 </ul>
</div>

4、引入jquery和js：

<script src="js/jq1.9.js"></script>
<script src="js/pic_show.js"></script>