缩略图参数说明
参数 | 参数说明 | 默认值(可选值) |
type | 切换样式 | thumb |
direction | 切换方向 | left(top/bottom/right) |
height | 高度 | 宽度的0.56倍 |
thumbwidth | 缩略图的宽度 | 100 |
thumbheight | 缩略图的高度 | 100 |
thumbtop | 缩略图距离顶部的位置 | 0 |
thumbleft | 缩略图距离左侧的位置 | 0 |
thumbpos | 缩略图的位置(配合thumbtop/thumbleft可以移到右侧和底部) | top(left) |
showindex | 显示的序号 | 0 |
playtime | 自动播放的时间间隔 | 5000 |
autoplay | 是否自动播放 | true |
说明: | 缩略图的结构和上层结构一致,可以通过设置显示隐藏或者设置jk-picswitchitem的data-img(设置此属性以后直接获取等于这个数值的那张图片)达到不同的效果, 缩略图当前样式名为jk-thumbactive,大图当前样式名jk-thumb-active,如果给缩略图当前值设置透明度不希望看见大图就给jk-thumb-subwrap设置背景 |
缩略图接在大图的底部的切换(thumbtop设置很大就会自动吸附在底部)
缩略图不够的切换
纵向缩略图