jQuery图片切换效果,缩略图展示
  • 分享到微信朋友圈
    X

本文介绍如何使用pic_tab.js制作图片切换效果,可用于相册展示,缩略图展示。

关键jQuery与解析:

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/pic_tab.js" type="text/javascript"></script>
<script>
    $('#pic_tab').banqh({
        box: "#pic_tab", //总框架
        pic: "#bigimg", //大图框架
        pnum: "#smallimg", //小图框架
        prev_btn: ".prev", //小图左箭头
        next_btn: ".next", //小图右箭头
        autoplay: true, //是否自动播放
        interTime: 3000, //图片自动切换间隔
        delayTime: 300, //切换一张图片时间
        order: 0, //当前显示的图片(从0开始)
        picdire: true, //大图滚动方向(true为水平方向滚动)
        mindire: true, //小图滚动方向(true为水平方向滚动)
        min_picnum: 3, //小图显示数量
        pop_up: false//大图是否有弹出框
    });
</script>