简化版手机端照片预览组件_javascript技巧

下面是预览图，

使用方法案例:

或者：

注：两种方法没有本质的区别，推荐第一种。

API 属性、方法及回调：

target:
表示是在这个容器内的元素会触发事件，它是一个范围，与trigger一同使用，委托事件节点，所以是必须的。建议不作根结点的委托.
trigger:
表示触发事件的对象，它可以是动态的，默认是target下面的a链接触发
show:
显示之后的回调，参数是dialog容器，当前this指向MobilePhotoPreview的实例。这是一个为了扩展更多功能的回调方法。为了更好的用到这个回调，你可以会对下面的属性有兴趣了解
this下的属性及方法：
current:
当前的结点对象
currentIndex:
当前索引
objArr:
数组对象，在这里，你可以得到一个集合，包括索引、element、宽、高。这将会是很有用的东西。
hide:
调用的是dialog的hide.

以上所述就是本文的全部内容了，希望大家能够喜欢。