相信有小夥伴在做網站時有這樣的應用場景，對于某張圖片有可能我們在頁面上展示時顯示的是縮略圖。而用戶有時需要查看原圖的場景。
之前給一個一朋友改版網站時，他們網站使用的是直接連接到原圖。浏覽器又打開一個标簽頁來顯示這張圖片。顯得不太友好。直接在頁面本身來彈出原圖的話相對來說比較符合用戶體驗。
那麼如何在原本頁面上打開原圖呢？
首先我們需要安裝layui，我們要使用它的彈出層組件。
在需要使用的頁面引入layui的css和js後。就可以開始操作了。
在需要彈出原圖的圖片上新增一個onclick方法。方法名可以自定義。在方法裡面我們将原圖的地址放入，作為參數可以在調用的時候得到相應的圖片地址。
使用layer彈出層裡面的photos可以将圖片以相冊的形式來展示出來。官方給的樣例是數組形式的一組相冊，今天我們先來看單個圖片如何彈出。
layer.photos裡面的photos我們需要配置裡面的data。這個是需要顯示的圖片。根據文檔你隻需要将裡面的src傳遞上我們剛才傳遞過來的參數即可。裡面的anim則是彈出圖片的類型，大家可以去試一下。0-6之間的數字。
到此就可以來看看結果了。在寫方法之前，一定要将layer在layui中引入一下。
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
