萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 如何使用Lightbox呢

如何使用Lightbox呢

做為一名前端開發人員,圖片展示是經常遇到的問題!如何讓圖片直觀,簡單,漂亮的展現出來,一直是我所追求的!下面我們給大家介紹一下使用Lightbox

1.下載並引用jquery和lightbox插件

2.引入插件所需的css樣式:

3.為你所需要展示的圖片添加data-lightbox="roadtrip"屬性

注意:如果插件已經運行了,但不顯示關閉,和下一頁的按紐,請檢查CSS和和圖片的路徑是否正確!

以上就是我們給大家介紹的使用Lightbox了。希望大家繼續關注我們的網站!

相關推薦:

web前端開發技巧介紹 

 

copyright © 萬盛學電腦網 all rights reserved