ciao a tutti, è il mio primo messaggio quindi spero di non aver violato il regolamento in qualche modo, inoltre in javascript sono proprio una frana quindi spero di non fare domande stupide.
sto utilizzando nel mio sito questo script preso da un articolo qui su html http://www.html.it/articoli/slidesho...ffetto-fade-1/
lo script è cosi composto
parte html
codice:
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<link rel="stylesheet" href='slideshow.css' type="text/css" />
<script type="text/javascript" src="xfade2.js"></script>
</head>
<body>
<h1>Slideshow con effetto fade</h1>
<div id="slideshow">
	[img]terra.jpg[/img]
	[img]fuoco.jpg[/img]
	[img]aria.jpg[/img]
	[img]acqua.jpg[/img]
</div>
</body>
</html>
parte javascript ( xfade2.js )
codice:
 
/*
	Image Cross Fade Redux
	Version 1.0
	Last revision: 02.15.2006
	steve@slayeroffice.com

	Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html
*/

window.addEventListener?window.addEventListener('load',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);

	imgs = 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) + ')';
	}
}
c'è poi la parte css ma dubito che il problema si li, nel caso la posto.

ARRIVANDO AL DUNQUE
SE MESSO una sola slide show per pagina tutto funziona, se ne metto 2 o più va solo la prima o comunque mi da problemi vari.

qualcuno sa aiutarmi?
grazie