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

时间:2013-06-26 21:52:47

标签: jquery css lightbox

通过Google浏览搜索灯箱插件时。在那里,我最终得到http://kyleschaeffer.com/development/lightbox-jquery-css/处的那个,源代码在那里可用。

脚本简短,可定制。然后我注意到它没有关闭按钮图标。网页上的人说:“你可以通过将它连接到closeLightbox()来轻松地为你的灯箱添加一个”关闭“按钮;”但我没有看到一个例子,也不知道如何完成这个。

感谢。

1 个答案:

答案 0 :(得分:2)

我在原始代码中添加了关闭按钮和一些样式。

http://jsfiddle.net/FMnn6/

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