做為一名前端開發人員,圖片展示是經常遇到的問題!如何讓圖片直觀,簡單,漂亮的展現出來,一直是我所追求的!下面我們給大家介紹一下使用Lightbox
1.下載並引用jquery和lightbox插件
2.引入插件所需的css樣式:
3.為你所需要展示的圖片添加data-lightbox="roadtrip"屬性
注意:如果插件已經運行了,但不顯示關閉,和下一頁的按紐,請檢查CSS和和圖片的路徑是否正確!
以上就是我們給大家介紹的使用Lightbox了。希望大家繼續關注我們的網站!
相關推薦:
web前端開發技巧介紹