2 slideshow nella stessa pagina

**miki222** · 08-08-2012, 22:09

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

**miki222** · 09-08-2012, 11:07

up

**cavicchiandrea** · 09-08-2012, 13:04

Le strade più pratiche:
- Replichi lo script 2 cambiando funzioni e variabili e div contenitore delle foto
- Cerchi in rete slide-show multipli galleria

P.S. ho comunque forti dubbi che si possa modificare anche sapendolo fare

**miki222** · 09-08-2012, 13:09

Ok grazie, faccio sapere

**Marco Fiorani** · 19-02-2014, 00:57

Scusate se uppo questo vecchio thread ma ho lo stesso identico problema.
Aiuto!

**cavicchiandrea** · 19-02-2014, 01:53

Originariamente inviata da Marco Fiorani

Scusate se uppo questo vecchio thread ma ho lo stesso identico problema.
Aiuto!

Nel frattempo le strade non sono cambiate (vedi mi risposta precedente)

P.S. Prima apri una discussione, poi ne richiami una vecchia identica, e non hai esperienza in js come biglietto da vista non è il massimo auguri

**Marco Fiorani** · 19-02-2014, 11:09

Originariamente inviata da cavicchiandrea

Nel frattempo le strade non sono cambiate (vedi mi risposta precedente)

P.S. Prima apri una discussione, poi ne richiami una vecchia identica, e non hai esperienza in js come biglietto da vista non è il massimo auguri

Mi sono registrato proprio perchè non ho esperienza in js. Questo post l'ho trovato dopo aver postato il primo ma visto che questo era più chiaro secondo me l'ho richiamato. (p.s. cancellerò l'altro post se proprio da fastidio)
Riguardo la tua risposta (" Replichi lo script 2 cambiando funzioni e variabili e div contenitore delle foto") mi piacerebbe capire come cambiare funzioni e variabili.
Siccome ho visto che c'è chi modifica direttamente il codice, speravo che qualcuno mi facesse questo favore.
Ciao e grazie.

**br1** · 19-02-2014, 23:47

Prosegue sull'altra... magari si trovano soluzioni nuove

Discussione: 2 slideshow nella stessa pagina

Strumenti discussione

Ricerca discussione

Visualizza

2 slideshow nella stessa pagina

Permessi di invio