1. 引入 lightbox.css 和 lightbox.js 2.檢查 CSS 並確定調用的 prev.gif 和 next.gif 文件在正確的位置. 同樣要確定調用的 loading.gif 和 close.gif 文件及 lightbox.js 文件在正確的位置. 3. 激活 1、添加 r ...
1. 引入 lightbox.css 和 lightbox.js
2.檢查 CSS 並確定調用的 prev.gif 和 next.gif 文件在正確的位置. 同樣要確定調用的 loading.gif 和 close.gif 文件及 lightbox.js 文件在正確的位置.
3. 激活
1、添加 rel="lightbox" 屬性到任何一個鏈接標簽去激活lightbox. 例如:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
可選擇項: 使用 title 屬性加上說明.
2、如果你有一套你想分組的相關圖片, 接著上一部並且又在 rel 屬性中添加一個帶方括弧的組名.
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
