lightbox -lyteboc

Sto impostando il mio spazio web con alterpages e desideravo aggiungere alla visualizzazione di alcune foto organizzata con griglia immagine la possibilita' di espanderle con lytebox o lightbox, ma non so come modificare il relativo HTML. In sostanza mi trovo:

<div class="widget widget-imagegrid widget-imagegrid-4">

<figure data-src="http://wooccupation.altervista.org/alterpages/005jazzto2016-1491059499454.jpg" style="cursor:pointer" onclick="PL.lightbox_open(this);return false">
<img src="http://wooccupation.altervista.org/alterpages/medium/005jazzto2016-1491059499454.jpg"/>

e non so bene dove aggiungere:
class="lytebox" data-lyte-options="group:nome gruppo foto"

O meglio ho fatto alcuni tentativi, ma non hanno avuto successo.

Provato la seguente sintassi:
<div class="widget widget-imagegrid widget-imagegrid-4">

<a href="http://wooccupation.altervista.org/alterpages/005jazzto2016-1491059499454.jpg" class="lytebox" data-lyte-options="tjf 2016" data-title="Toino jazz" title="festival jazz">
<img src="http://wooccupation.altervista.org/alterpages/medium/005jazzto2016-1491059499454.jpg"/>


</a>

Ma senza successo... anzi credo di aver corrotto lytebox: nella cartella lyteboxV5_1 ora sono solo rimasti lytebox.css e lytebox.js + la cartella di images. Ho eliminato un file index.html che credevo aver salvato erroneamente all'interno della cartella, ma si vede che serviva, uff...:roll: