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