jQuery可自动播放和暂停的多图滚动相册特效

使用方法：

引入jQuery库文件、插件JS文件、CSS样式文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/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>
<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" />

插件初始化、配置

$(function(){
    $('#myGallery').galleryView();
});

HTML结构

<ul id="myGallery">
    <li><img src="images/bp1.jpg" alt="Lone Tree Yellowstone" />
    <li><img src="images/bp2.jpg" alt="Is He Still There?!" />
    <li><img src="images/bp4.jpg" alt="Noni Nectar For Green Gecko" />
    <li><img src="images/bp7.jpg" alt="Flight of an Eagle Owl" />
    <li><img src="images/bp14.jpg" alt="Winter Lollipops" />
    <li><img src="images/bp26.jpg" alt="Day of Youth" />
    <li><img src="images/bp27.jpg" alt="Sunbathing Underwater" />
    <li><img src="images/bp28.jpg" alt="Untitled" />
    <li><img src="images/bp41.jpg" alt="New Orleans Streetcar" />
    <li><img src="images/bp49.jpg" alt="By The Wind of Chance" />
    <li><img src="images/bp52.jpg" alt="Fishing on the Cloud" />
    <li><img src="images/bp53.jpg" alt="Blue Lagoon" />
    <li><img src="images/bp54.jpg" alt="Time" />
</ul>