L'oggetto lightbox è l'implementazione dell'omonimo e famoso controllo usato per la visualizzazione di immagini e foto.

La lightbox è sostanzialmente un div aperto al centro della pagina con lo scopo di visualizzare al suo interno immagini o gallerie di immagini, l'apertura del div e resa esteticamente più interessante da effetti di transazione. L'apertura di una lightbox è azionata dal click su di un link nel quale gioca un ruole determinate l'utilizzo dell'attributo rel, tramite tale attributo è infatti possibile definire le tre modalità di funzionamento della lightbox:

• rel=lightbox Visualizza immagini.
• rel=lightbox['nomegallery'] Visualizza galleria immagini.
• rel=lightframe Visualizza frame.

›› REFERENCE XML - LIGHTBOX

Oggetto: LIGHTBOX

Attributi:
debug
Attiva il debug dell'oggetto.
Valori consentiti: true,false
Valori di default: false

onclick
Codice associato all'evento onclick.

ondblclick
Codice associato all'evento ondblclick.

onmousedown
Codice associato all'evento onmousedown.

onmouseup
Codice associato all'evento onmouseup.

onmouseover
Codice associato all'evento onmouseover.

onmousemove
Codice associato all'evento onmousemove.

onmouseout
Codice associato all'evento onmouseout.

onkeypress
Codice associato all'evento onkeypress.

onkeydown
Codice associato all'evento onkeydown.

onkeyup
Codice associato all'evento onkeyup.

class
Nome della classe di stile utilizzata dall'oggetto.

style
Proprietà di stile.

lang
Specifica il codice della lingua utilizzata.

dir
Direzione del testo: - LTR da sinistra a destra(default). - RTL da destra a sinistra.

template
Nome del template utilizzato dall'oggetto, se non specificato viene utilizzato quello di sistema.

title
Informazioni aggiuntive visualizzate al passaggio del mouse sull'oggetto istanziato.

align
Allineamento orizzontale.
Valori consentiti: left,center,right

id
Nome univoco dell'oggetto.
Valori di default: lightbox

value
Vedi TAG VALUE
Valore dell'oggetto.

size
Dimensione dell'oggetto.

width
Larghezza dell'oggetto (con unità di misura es: 600px).

height
Altezza dell'oggetto (con unità di misura es: 600px).

theme
Tema utilizzato.
Valori consentiti: red,green,blue,gold

hideflash
Nasconde gli oggetti flash.
Valori consentiti: true,false

outerborder
Visualizza il bordo esterno.
Valori consentiti: true,false

resizespeed
Velocità di ridimensionamento.
Valori consentiti: 1,2,3,4,5,6,7,8,9,10

maxopacity
Livello di trasparenza.
Valori consentiti: darker overlay, lighter overlay

navtype
Modalità di navigazione 1 pulsanti in alto a sinistra, 2 link Prev, next sull'immagine.
Valori consentiti: 1,2

autoresize
Ridimensionameno automatico dell'immagine se > delle dimensioni della finistra

doanimations
Attiva/Disattiva effetti di transazione
Valori consentiti: true,false

bordersize
Dimesione del bordo

slideinterval
Intervallo in millisecondi tra la visualizzazione di un'immagine ed un'altra

shownavigation
Visualizza i punsanti di navigazione
Valori consentiti: true,false

showclose
Visualizza il pulsante di chiusura
Valori consentiti: true,false

showdetails
Visualizza i dettagli dell'immagine
Valori consentiti: true,false

showplaypause
Visualizza i pulsanti Pause/Play
Valori consentiti: true,false

autoend
Chiusura automatica della finistra
Valori consentiti: true,false

pauseonnextclick
Mette in pausa quando il pulsante Next è premuto
Valori consentiti: true,false

pauseonprevclick
Mette in pausa quando il pulsante Prev è premuto
Valori consentiti: true,false

java
Nome del/dei file javascript usati dall'oggetto.
Valori di default: lightbox.js

cssfile
Nome del file css usato dall'oggetto.
Valori di default: objcss/default/lightbox.css

dsobj
ID dell'oggetto datasource associato.

dsitem
Nome del campo datasource associato.

›› Elenco dei metodi Javascript intercettabili dall'utente:

Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","isIE", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","getVersion", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","initialize", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","updateLightboxItems", "User function"); Function parameters: function(id)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","start", "User function"); Function parameters: function(objLIGHTBOX,imageLink,doSlide,doFrame)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","changeContent", "User function"); Function parameters: function(imageNum)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","resizeContainer", "User function"); Function parameters: function(imgWidth,imgHeight)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","showContent", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","updateDetails", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","updateNav", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","enableKeyboardNav", "User function"); Function parameters: function(){document.onkeydown=this.keyboardAction;},
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","disableKeyboardNav", "User function"); Function parameters: function(){document.onkeydown='';},
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","keyboardAction", "User function"); Function parameters: function(e)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","preloadNeighborImages", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","togglePlayPause", "User function"); Function parameters: function(hideID,showID)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","end", "User function"); Function parameters: function(caller)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","checkFrame", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","getPixelRate", "User function"); Function parameters: function(cur,img)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","appear", "User function"); Function parameters: function(id,opacity)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","fade", "User function"); Function parameters: function(id,opacity)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","resizeW", "User function"); Function parameters: function(id,curW,maxW,pixelrate,speed)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","resizeH", "User function"); Function parameters: function(id,curH,maxH,pixelrate,speed)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","getPageScroll", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","getPageSize", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","toggleFlash", "User function"); Function parameters: function(state)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","toggleSelects", "User function"); Function parameters: function(state)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("LIGHTBOX","pause", "User function"); Function parameters: function(numberMillis)


Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","isIE", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","getVersion", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","initialize", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","updateLightboxItems", "User function"); Function parameters: function(id)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","start", "User function"); Function parameters: function(objLIGHTBOX,imageLink,doSlide,doFrame)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","changeContent", "User function"); Function parameters: function(imageNum)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","resizeContainer", "User function"); Function parameters: function(imgWidth,imgHeight)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","showContent", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","updateDetails", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","updateNav", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","enableKeyboardNav", "User function"); Function parameters: function(){document.onkeydown=this.keyboardAction;},
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","disableKeyboardNav", "User function"); Function parameters: function(){document.onkeydown='';},
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","keyboardAction", "User function"); Function parameters: function(e)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","preloadNeighborImages", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","togglePlayPause", "User function"); Function parameters: function(hideID,showID)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","end", "User function"); Function parameters: function(caller)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","checkFrame", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","getPixelRate", "User function"); Function parameters: function(cur,img)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","appear", "User function"); Function parameters: function(id,opacity)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","fade", "User function"); Function parameters: function(id,opacity)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","resizeW", "User function"); Function parameters: function(id,curW,maxW,pixelrate,speed)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","resizeH", "User function"); Function parameters: function(id,curH,maxH,pixelrate,speed)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","getPageScroll", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","getPageSize", "User function"); Function parameters: function()
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","toggleFlash", "User function"); Function parameters: function(state)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","toggleSelects", "User function"); Function parameters: function(state)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("LIGHTBOX","pause", "User function"); Function parameters: function(numberMillis)