jquery垂直图片轮播插件PgwSlider

 查看演示  website  立即下载

使用方法

添加jquery库和pgwslider.min.js到您的页面

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="pgwslider.min.js"></script>

用于展示轮播图html代码如下

<ul class="pgwSlider">
    <li><img src="img/paris.jpg" alt="Paris, France" data-description="Eiffel Tower and Champ de Mars"></li>
    <li><img src="img/new-york.jpg" alt="Montréal, QC, Canada" data-large-src="img/new-york.jpg"></li>
    <li> <img src="img/shanghai.jpg"> <span>Shanghai, China</span> </li>
    <li> <a href="http://www.jq22.com" target="_blank"> <img src="img/new-york.jpg"> <span>New York, NY, USA</span> </a> </li>
</ul>

js调用插件

<script type="text/javascript">
    $(document).ready(function(){
        $(document).ready(function() {
            $('.pgwSlider').pgwSlider();
        });
    });
</script>

PREVIOUS:
NEXT:
jQuery回到顶部插件jQuery GoUp
jQuery Smoove-华丽的CSS3滚动效果