本文介绍如何使用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>
