想讓自己的網頁秀圖時，有著與眾不同的呈現方法嗎？這時候各種不同的Javascript特效就會是你需要的了！而今天要介紹的這款Sexy Lightbox，更是小編我用過的各種特效中，相單簡單而且呈現效果不錯的其中一款。廢話不多說，我們馬上來看看呈現的效果如何吧。

單一圖片特效

相簿特效

GIF動畫

使用方法

　　請先到此下載Sexy Lightbox套件，sexy-lightbox-2.3.4.zip壓縮檔的jQuery目錄中，將sexylightbox.v2.3.jquery.min.js、jquery.easing.1.3.js、sexylightbox.css還有sexyimages這個目錄上傳到您的主機上。並且在頁面的＜/header＞之前，加入以下程式碼：

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  <script src="http://主機位置/jquery.easing.1.3.js" type="text/javascript"></script>
  <script src="http://主機位置/sexylightbox.v2.3.jquery.min.js" type="text/javascript"></script>
  <link rel="stylesheet" href="http://主機位置/sexylightbox.css" type="text/css" media="all" />
  <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function() {
      SexyLightbox.initialize({
        color: 'black',
        dir: 'http://主機位置/sexyimages'
      });
    });
    // ]]>
  </script>

　　在想要產生特效的圖片連結處改用以下語法：

<a href="/大圖的位置" rel="sexylightbox" title="標題"><img src="/小圖的位置" /></a>

　　其中最重要的部份就是rel="sexylightbox"，當想展示一般的圖片或是GIF動畫時，直接使用rel="sexylightbox"及可，若是想使用相簿的方式來進行展示，則要改為rel="sexylightbox[相簿名稱]"，這樣就能完成設定囉，是不是非常容易呢！

以上三種是一般在做圖片展示時所常會需要用到的效果，而Sexy Lightbox還能夠做到更多除了圖片以外的展示，像是在lightbox中嵌入另一個html頁面、圖文並存的展示特效等等...這些其他的效果，或是不同的使用方式各位可以再自行到Sexy Lightbox的網頁上查看。