Добавить верхний правый угол значок «закрыть кнопку» в лайтбокс 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(); 
    });