Salve,
io sono nuovo di questo forum,quindi mi scuso anticipatamente se sbaglio qualcosa nell'impostare la discussione! Avrei bisogno di un aiuto per quanto riguarda l'inserimento di didascalie all'interno di foto che fanno parte di una slideshow costruita mediante l'uso di un foglio html, un foglio d stile CSS ed uno JS. vorrei sapere dove intervenire per far si che possa inserire queste didascali relative alle immagini che scorrono nella slideshow.
incollo il codice di ogni singolo foglio così magari potete darmi una mano,spero!

questo è il codice html:
<div id="slideshow">
[img]file:///C|/Users/Administrator/Desktop/sito argyrium/immagini/mod1.jpg[/img]

[img]file:///C|/Users/Administrator/Desktop/sito argyrium/immagini/mod2.jpg[/img]

[img]file:///C|/Users/Administrator/Desktop/sito argyrium/immagini/mod3.jpg[/img]
</div>

Il codice CSS:
#slideshow {
border: 1px solid #000;
overflow: hidden;
position: relative;
width: 400px;
height: 300px;
}

#slideshow img {
width: 400px;
height: 300px;
}

il codice JS:
window.addEventListener?window.addEventListener('l oad',so_init,false):window.attachEvent('onload',so _init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init()
{
if(!d.getElementById || !d.createElement)return;

css = d.createElement('link');
css.setAttribute('href','slideshow2.css');
css.setAttribute('rel','stylesheet');
css.setAttribute('type','text/css');
d.getElementsByTagName('head')[0].appendChild(css);

mgs = d.getElementById('slideshow').getElementsByTagName ('img');
for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = 'block';
imgs[0].xOpacity = .99;

setTimeout(so_xfade,3000);
}

function so_xfade()
{
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;

cOpacity-=.05;
nOpacity+=.05;

imgs[nIndex].style.display = 'block';
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;

setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);

if(cOpacity<=0)
{
imgs[current].style.display = 'none';
current = nIndex;
setTimeout(so_xfade,3000);
}
else
{
setTimeout(so_xfade,50);
}

function setOpacity(obj)
{
if(obj.xOpacity>.99)
{
obj.xOpacity = .99;
return;
}

obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}
}

Spero di essere stato abbastanza chiaro,ringrazio in anticipo per l'aiuto!