簡化版手機端照片預(yù)覽組件_javascript技巧

下面是預(yù)覽圖，

使用方法案例:

或者：

注：兩種方法沒有本質(zhì)的區(qū)別，推薦第一種。

API 屬性、方法及回調(diào)：

target:
表示是在這個容器內(nèi)的元素會觸發(fā)事件，它是一個范圍，與trigger一同使用，委托事件節(jié)點，所以是必須的。建議不作根結(jié)點的委托.
trigger:
表示觸發(fā)事件的對象，它可以是動態(tài)的，默認(rèn)是target下面的a鏈接觸發(fā)
show:
顯示之后的回調(diào)，參數(shù)是dialog容器，當(dāng)前this指向MobilePhotoPreview的實例。這是一個為了擴展更多功能的回調(diào)方法。為了更好的用到這個回調(diào)，你可以會對下面的屬性有興趣了解
this下的屬性及方法：
current:
當(dāng)前的結(jié)點對象
currentIndex:
當(dāng)前索引
objArr:
數(shù)組對象，在這里，你可以得到一個集合，包括索引、element、寬、高。這將會是很有用的東西。
hide:
調(diào)用的是dialog的hide.

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com