Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    298

    Lightbox2: chiusura modale cliccando sull'immagine

    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!

  2. #2

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.