close

Lightbox JS 是個圖片預覽程式,擺脫一般在製作縮圖預覽時都會以新視窗開啟的不便, 以透明的PNG背景讓圖片在同一頁面上形成透明層進而預覽圖片,只要以滑鼠點圖, 便可關閉浮動層回到原來的畫面,非常的實用且美觀, 更優的是Lightbox JS 相容於 IE/NS/Firefox 等瀏覽器,獨立的JS讓安裝更容易.

下載JS、CSS和必要圖檔 放置於網頁目錄下

<HEAD>與</HEAD>之間

<link rel="stylesheet" type="text/css" href="lightbox.css">
<script type="text/javascript" src="lightbox.js"></script>

<BODY>與</BODY>之間

<a href="photo.jpg" rel="lightbox" title="Lightbox JS"> Lightbox JS </a>


✦只要再連結標籤加入rel="lightbox" title="Lightbox JS"
✦title="修改為圖片說明文字"
✦程式作者 Lokesh Dhakar

 

arrow
arrow
    全站熱搜

    Bonnie✦ 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄