plusview幻灯片小图切换大图三种演示效果

收藏

plusview 是一个可以制作类似 Google Play 商店截图列表项的幻灯片效果。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

HTML

首先我们在.plusview放置多个图片

<div class="plusview">
    <ul>
        <li>
            <a href="images/17b.jpg" data-type="image">
                <img src="images/17s.jpg" alt="">
            </a>
        </li>
        <li>
            <a href="images/18b.jpg" data-type="image">
                <img src="images/18s.jpg" alt="">
            </a>
        </li>
......
    </ul>
</div>

引入jQuery库和plusview.js

<script src="jquery.js"></script>
<script src="js/plusview.js"></script>

演示一：plusview默认调用效果

$(function() {
    $('.plusview').plusview();
});

演示二：plusview无动画效果

$('.plusview').plusview({
    height: 400,
    hide: "hide",
    show: "show"
});

演示三：自动播放

$(function() {
    $('.plusview').plusview({
        height: 160,
        showItem: 3,
        duration: 5000,
        wrap: true
    });
});