1. 程式人生 > >【jQuery】圖片燈箱外掛——lightBox

【jQuery】圖片燈箱外掛——lightBox

該外掛可以用圓角的方式展示選擇中的圖片,使用按鈕檢視上下張圖片,在載入圖片時自帶進度條,還能以自動播放的方式瀏覽圖片,呼叫格式如下:

$(linkimage).lightBox({options})

其中linkimage引數為包含圖片的<a>元素名稱,options為外掛方法的配置物件。

例如,以列表的方式在頁面中展示全部的圖片,當用戶單擊其中某張圖片時,通過引入的圖片外掛,採用“燈箱”的方式顯示所選的圖片,如下圖所示:

在瀏覽器中顯示的效果:

從圖中可以看出,當用戶點選“我的相簿”中某一張圖片時,則採用“燈箱”的方式顯示選中圖片,在顯示圖片時,還可以切換上下張和自動播放及關閉圖片。