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!