aiuto per randomizzare foto

[blekm]

dopo lunghe ricerche e peripezie varie, ho trovato quello che mi serviva

http://javascript.html.it/articoli/l...n-effetto-fade

demo

http://www.html.it/articoli/2023/esempio.html

codice js (2kb VVoVe: )

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) + ')';
	}
}

1) esiste una maniera per allungare la transizione?
2) esiste una maniera per randomizzare le foto da caricare? invece sempre della solita sequenza...

[blekm]

up

[blekm]

nella pagina che visualizza le foto, le foto in sequenza sono inserite con codice html

<div id="slideshow">
	[img]/immagini/homepage01.jpg[/img]
	[img]/immagini/homepage02.jpg[/img]
	[img]/immagini/homepage03.jpg[/img]
	[img]/immagini/homepage04.jpg[/img]
	[img]/immagini/homepage05.jpg[/img]
</div>

forse se riesco a trovare una maniera per buttare come output questa "stringa" con valori random ho risolto..

[blekm]

ho risolto, ma con php. Visto che le pagine sono in php, ho pensato bene di usarlo anche per questo

<?php
    $array_dati=array(
            '[img]/immagini/homepage01.jpg[/img]',
            '[img]/immagini/homepage02.jpg[/img]',
            '[img]/immagini/homepage03.jpg[/img]',
            '[img]/immagini/homepage04.jpg[/img]',
            '[img]/immagini/homepage05.jpg[/img]',
            '[img]/immagini/homepage06.jpg[/img]',
            '[img]/immagini/homepage07.jpg[/img]',
            '[img]/immagini/homepage08.jpg[/img]',
            '[img]/immagini/homepage09.jpg[/img]',
            '[img]/immagini/homepage10.jpg[/img]',
            '[img]/immagini/homepage11.jpg[/img]',
            '[img]/immagini/homepage12.jpg[/img]',
            '[img]/immagini/homepage13.jpg[/img]',
            '[img]/immagini/homepage14.jpg[/img]',
            '[img]/immagini/homepage15.jpg[/img]',
            '[img]/immagini/homepage16.jpg[/img]'
            );
    
    shuffle($array_dati);
    $immagini = "";
    for( $a=0; $a<count($array_dati); $a++)
    {
        $immagini .= $array_dati[$a]."\n";
    }    
    
    echo "
<div id='slideshow'>
$immagini
</div>";
 ?>