1.2.1 • Published 5 years ago

media-viewer v1.2.1

Weekly downloads
2
License
MIT
Repository
github
Last release
5 years ago

media-viewer

image/video viewer

npm install media-viewer --save-dev
# or
npm i media-viewer -D
import { MediaViewer } from 'media-viewer'

let arr = [
  {
    thumb: './1.jpg',
    url: './1.mp4',
    type: 2
  },
  {
    thumb: './2.jpg',
    url: './2.jpg',
    type: 1
  }
]

// 参数配置
let options = {
  // ...
}
// 实例化
let mv = new MediaViewer(options, arr)

setTimeout(_ => {
  // 查看第一个元素
  mv.view(0)
}, 2000)

options 参数

参数类型必须说明
errorFunction错误通知
showPaginationBoolean显示pagination, 默认true
paginationEventString触发切换图片事件名称, 默认'mouseover'
showThumbBoolean显示缩略图, 默认true
thumbPositionString缩略图显示位置top/bottom, 默认bottom
closeOnClickMaskBoolean点击空白处关闭窗口, 默认true

methods 方法

  • view(index, newMediaArray)

    index: Number, 必须。查看第index + 1张图片或视频。

    newMediaArray: Array, 可选。新的媒体url数组。