Lightbox Example
簡介
Lightbox 是一個免費的 javascript,讓你在顯示圖片的時候產生 Overlay 的畫面,讓整個網頁看起來更 Fancy。而且使用上非常的簡單,只要加入一兩行 HTML Code 就可以輕易達到該目的。
範例
程式
你只要幫你的 HTML 加上。
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="lightbox.js"></script>並且在圖檔的 <a> tag 加上 rel="lightbox" 以及 title="你想要出現的 Caption" 即可!
<a href="http://gaislab.cs.ccu.edu.tw/albums/album989/DSC_2812.sized.jpg" title="Jessy_2812" rel="lightbox">