Vorrei personalizzare Lightbox2 in modo che si possa chiudere la modale cliccando anche sull'immagine e non per forza solo sul pulsante "CLOSE".

Ho capito che dovrei modificare questa parte di lightbox.js ma non saprei proprio come. Mi riuscite a dare una mano? Grazie assai!

codice:
var objBody = $$('body')[0];

	objBody.appendChild(Builder.node('div',{id:'overlay'}));
	
        objBody.appendChild(Builder.node('div',{id:'lightbox'}, [
            Builder.node('div',{id:'outerImageContainer'}, 
                Builder.node('div',{id:'imageContainer'}, [
                    Builder.node('img',{id:'lightboxImage'}), 
                    Builder.node('div',{id:'hoverNav'}, [
                        Builder.node('a',{id:'prevLink', href: '#' }),
                        Builder.node('a',{id:'nextLink', href: '#' })
                    ]),
                    Builder.node('div',{id:'loading'}, 
                        Builder.node('a',{id:'loadingLink', href: '#' }, 
                            Builder.node('img', {src: LightboxOptions.fileLoadingImage})
                        )
                    )
                ])
            ),
            Builder.node('div', {id:'imageDataContainer'},
                Builder.node('div',{id:'imageData'}, [
                    Builder.node('div',{id:'imageDetails'}, [
                        Builder.node('span',{id:'caption'}),
                        Builder.node('span',{id:'numberDisplay'})
                    ]),
                    Builder.node('div',{id:'bottomNav'},
                        Builder.node('a',{id:'bottomNavClose', href: '#' },
                            Builder.node('img', { src: LightboxOptions.fileBottomNavCloseImage })
                        )
                    )
                ])
            )
        ]));

ho provato "ad intuito" a cambiare questo:

Builder.node('img',{id:'lightboxImage'})

in questo:
Builder.node('a',{id:'bottomNavClose', href: '#' },
Builder.node('img',{id:'lightboxImage'})
)

ma non ha funzionato!