javascript图片查看器,无任何依赖库
支持 拖动、缩放、任意角度旋转、鼠标滚轮
IE 6+
Chrome
FireFox
Edge
Others(支持css3动画的浏览器)
#demo 点击这里查看示例
#other 交流邮箱 [email protected]
#api Config:
Type | Default | Description | |
---|---|---|---|
images | Array | [] | Image List |
currentIndex | Number | 0 | 默认显示第几张图片 |
Params | Return | Description | |
---|---|---|---|
render | { HTMLElement } 容器父级元素 | { Object } fImagePanel对象 | 渲染 |
setImages | { Array } 图片地址的数组 | { Object } fImagePanel对象 | 设置图片列表 |
doChange | { Object } fImagePanel对象 | 应用图片样式变动 其余方法只负责算出变动值 必须调用doChange方法才能将样式变动提现到dom元素上边 | |
stretchH | { Object } fImagePanel对象 | 垂直拉伸 | |
stretchV | { Object } fImagePanel对象 | 水平拉伸 | |
originalOptimally | { Object } fImagePanel对象 | 原始尺寸 | |
stretchOptimally | { Object } fImagePanel对象 | 最佳显示 | |
centerImage | { Object } fImagePanel对象 | 图片居中 | |
rotate | { Number } 角度 例如: 90 | { Object } fImagePanel对象 | 旋转 |
scale | { Number } 倍数 如 1.1 or 0.9 | { Object } fImagePanel对象 | 放大 缩小 |
switchTo | { Number } index | { Object } fImagePanel对象 | 切换图片 |
nextImage | { Object } fImagePanel对象 | 下一张 | |
upImage | { Object } fImagePanel对象 | 上一张 |