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

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
    });
});