向JQuery燈箱添加右上角的「關閉按鈕」圖標？

Question

通過Google衝浪搜索燈箱插件時。在那裏，我最終得到了http://kyleschaeffer.com/development/lightbox-jquery-css/的源代碼，源代碼在那裏可用。

該腳本簡短，可自定義。然後我發現它沒有關閉按鈕圖標。網頁上的人說：「你可以通過連接到closeLightbox（）;輕鬆地爲你的燈箱添加一個」關閉「按鈕;但我沒有看到一個例子，也不知道如何完成這個任務。

謝謝。

Answer 1

我在原始代碼中添加了關閉按鈕和一些樣式。

http://jsfiddle.net/FMnn6/

var close = $('<a href="#" class="x">x</a>'); 
close 
    .appendTo('#lightbox') 
    .click(function(e){ 
     e.preventDefault(); 
     closeLightbox(); 
    });