Il javascript funzionante e adattato risulta pertanto il seguente:
codice:
window.onload = function()
{
// PARTE 1/2: PREPARAZIONE DELLE FUNZIONI
var diapositive = document.getElementById('diapositive')
var lista = diapositive.getElementsByTagName('ul').item(0)
var items = lista.getElementsByTagName('li')
var imgs = lista.getElementsByTagName('img')
function mostra_nascondi(indice)
{
for (var i = 0; i < items.length; i++)
{
if ( i == indice )
{
items.item(i).className = 'visibile'
}
else
{
items.item(i).className = 'invisibile'
}
}
}
mostra_nascondi(0)
// PARTE 2/2: CREAZIONE DELLA PULSANTIERA E ATTRIBUZIONE FUNZIONI
var pulsantiera = document.createElement('ul')
pulsantiera.setAttribute('id', 'pulsantiera')
var pulsantiera_pulsanti_testi = new Array()
for (var i = 0; i < imgs.length; i++)
{
var title = imgs.item(i).getAttribute('title')
var testo = document.createTextNode(title)
pulsantiera_pulsanti_testi.push(testo)
}
var pulsantiera_items = new Array()
var pulsantiera_pulsanti = new Array()
for (var i = 0; i < imgs.length; i++)
{
var list_item = document.createElement('li')
var pulsante = document.createElement('a')
pulsantiera_items.push(list_item)
pulsantiera_pulsanti.push(pulsante)
}
function applica_mostranascondi(pulsante, numero_immagine)
{
pulsante.azione = function()
{
mostra_nascondi(numero_immagine)
}
}
for (var i = 0; i < pulsantiera_pulsanti.length; i++)
{
pulsantiera_pulsanti[i].appendChild(pulsantiera_pulsanti_testi[i])
pulsantiera_items[i].appendChild(pulsantiera_pulsanti[i])
pulsantiera.appendChild(pulsantiera_items[i])
applica_mostranascondi(pulsantiera_pulsanti[i], i)
pulsantiera_pulsanti[i].onclick = pulsantiera_pulsanti[i].azione
}
diapositive.appendChild(pulsantiera)
}
Grazie mille a Xinod per la soluzione.