Come aggiungere un pulsante di chiusura a Lightbox jquery?

Di recente ho creato un Lightbox e voglio aggiungere un pulsante di chiusura ad esso. Ecco cosa ho:

 .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { width:600px; height:560px; padding: 16px; top: 5%; left: 25%; position: absolute; display: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:2px solid #FFFFFF; background-color:#FFFFFF; -webkit-box-shadow: #C9C9C9 8px 8px 8px; -moz-box-shadow: #C9C9C9 8px 8px 8px; box-shadow: #C9C9C9 8px 8px 8px; z-index:1002; overflow: auto;    

here.................................................................................................


<!--- Text for Help.

x

Come posso aggiungere un pulsante di chiusura all’angolo superiore della finestra popup?

Aggiungi la class close sul tag e inserisci nel tag

anche il contenuto.

 
x
content here

Sulla class .white_content rimuovi l’ overflow: auto;

Ce l’ ho fatta, puoi vedere su jsfiddle , modificare jsfiddle

Come aggiungere un pulsante di chiusura a jquery lightbox:

Esempio dal vivo, mettilo in un file chiamato test.html :

         Clicky 

Nella stessa directory di test.html devi includere i file jquery-1.10.2.min.js e jquery.lightbox_me.js che possono essere trovati qui:

http://jquery.com/download/

http://buckwilson.me/lightboxme/

Screenshot di cosa succede quando fai clic sul link.

inserisci la descrizione dell'immagine qui

Quando fai clic sul pulsante Chiudi nel popup, il popup si chiude. Potresti colbind quell’evento vicino a qualsiasi cosa.