jQuery画廊插件-GalleryView

jQuery画廊随处可见，很多网站上都有jQuery画廊，旋转木马（carousels），滑块和幻灯片。GalleryView是一款可以创建多种类型的独立插件。

1. 提取CSS和JS文件到一个合适的文件夹，然后添加<script>和<link>标签：

<!-- jQuery (如果用到自定义缓动和动画时需要引入jQuery UI) -->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/jqueryui/1.9.0/jquery-ui.min.js "></script>
 
<!-- 定时器和缓动插件 -->
<script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
 
<!-- GalleryView Javascript 和 CSS 文件 -->
<script type="text/javascript" src="js/jquery.galleryview-3.0-dev.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery.galleryview-3.0-dev.css" />

2. 创建一个包含图片的无须列表:

<ul id="myGallery">
  <li><img src="aaa.jpg"></li>
  <li><img src="aaa.jpg"></li>
  <li><img src="aaa.jpg"></li>
  <li><img src="aaa.jpg"></li>
</ul>

3. 然后在你的JavaScript代码里面添加下面的功能调用：

$('#gallery').galleryView();