Ultimamente ho realizzato un portale per un cliente usando il comodissimo Joomla , oltre alle varie modifiche standard mi è stato richiesto di modificare la galleria (ho usato Morfeoshow una galleria molto comoda e funzionale che vi consiglio), per la precisione mi è stato chiesto di visualizzare la descrizione delle immagini nella div modale che compare onclick sulle miniature.

Malgrado tutte le ricerche in rete non ho trovato indicazioni sull’abilitazione di questa banale richiesta.

Vi posto la mia soluzione (il codice non è ottimizzato in quanto non avevo tempo per pensare a strutture più complesse) funzionante.

Aprite il file :

components\com_morfeoshow\src\shadowbox.js

e intorno a riga 105 modificate come segue:


if ( content.obj.el.childNodes[1].boBDY === undefined)
descrizione = "";
else
descrizione = "<div id=\"shadowbox_description\">" + content.obj.el.childNodes[1].boBDY + "</div>";
SL.get('shadowbox_body_inner').innerHTML = SL.createHTML(content.markup(dims)) + descrizione;

Aprite poi :

components\com_morfeoshow\style\style.css

e aggiungete in fondo:


#shadowbox_description {
position:absolute;
top: 0px;
left: 0px;
color: white;
z-index: +1;
width : 100%;
background-color: black;
text-align: center;
}

Ecco fatto, descrizione abilitata

Joomla, show description on modal div in MorfeoShow Gallery:

Open file :

components\com_morfeoshow\src\shadowbox.js

at line 105 modify as follow:


if ( content.obj.el.childNodes[1].boBDY === undefined)
description = "";
else
description = "<div id=\"shadowbox_description\">" + content.obj.el.childNodes[1].boBDY + "</div>";
SL.get('shadowbox_body_inner').innerHTML = SL.createHTML(content.markup(dims)) + description;

Then open :

components\com_morfeoshow\style\style.css

add on bottom:


#shadowbox_description {
position:absolute;
top: 0px;
left: 0px;
color: white;
z-index: +1;
width : 100%;
background-color: black;
text-align: center;
}