添加右上角“;“关闭按钮”;JQuery灯箱的图标

Question

通过谷歌冲浪搜索灯箱插件时。在那里我和一个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();
    });