注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery响应式垂直幻灯片插件PgwSlider

媒体 fishcity 1498浏览

jquery响应式垂直幻灯片插件PgwSlider

PgwSlider是一个使用非常简单的响应式垂直缩略图幻灯片效果的jquery插件,它的大小小于3KB,兼容所有的浏览器包括PC端与移动端,PgwSlider完全为SEO定制,有利于网站SEO优化。

使用方法

引入核心文件

<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初始始化

  $(document).ready(function(){
        $(document).ready(function() {
            $('.pgwSlider').pgwSlider();
        });
    });

更多参数请参考官方文档

转载请注明:jQ酷 » jquery响应式垂直幻灯片插件PgwSlider

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。