Witam,
mam skrypt a'la lightbox, który po wciśnięciu miniaturki zdjęcia pokazuję jej większą wersje + opis oraz znak X do zamknięcia.
Jak mogę przerobić skrypt, żeby okno zamykało się nie tylko po wciśnięciu X, a gdziekolwiek na ekranie?

[HTML] pobierz, plaintext 
	function GridFx(el, options) {
		this.gridEl = el;
		this.options = extend( {}, this.options );
		extend( this.options, options );
 
		this.items = [].slice.call(this.gridEl.querySelectorAll('.grid__item'));
		this.previewEl = nextSibling(this.gridEl);
		this.isExpanded = false;
		this.isAnimating = false;
		this.closeCtrl = this.previewEl.querySelector('button.action--close');
		this.previewDescriptionEl = this.previewEl.querySelector('.description--preview');
 
		this._init();
	}
[HTML] pobierz, plaintext 

Cześć odpowiedzialna za zamykanie:

[HTML] pobierz, plaintext 
		// close expanded image
		this.closeCtrl.addEventListener('click', function() {
			self._closeItem(); 
		});
[HTML] pobierz, plaintext 

Tutaj kod przycisku:

[HTML] pobierz, plaintext 
<button class="action action--close" onclick="$('#hiddenText').show('slow');"><i class="fa fa-times"></i><span class="text-hidden">Close</span></button>		
[HTML] pobierz, plaintext 

//Edit: Okej udało mi się samodzielnie rozwiązać problem, zmieniłem kod do zamykania na:

[HTML] pobierz, plaintext 
$('html').click(function(e){
			self._closeItem(); 
		});
[HTML] pobierz, plaintext