onmouse over fermare slideshow

[sandro010489]

ciao a tutti, io ho questo codice che, unito ad uno script php, mi mostra con un'effetto slideshow, delle immagini contenute in una cartella
codice:

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;

	// DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
	// http://slayeroffice.com/code/imageCrossFade/xfade2.css
	css = d.createElement("link");
	css.setAttribute("href","xfade2.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);

	imgs = d.getElementById("imageContainer").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,1000);
}

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,1000);
	} 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) + ")";
	}
	
}

ora, vorrei cercare di far fermare lo slideshow, quando passo col mouse sopra le immagini, e quando o tolgo far ripartire lo slideshow, una sorta di play&pause... si può fare?
per sicurezza linko la fonte
http://slayeroffice.com/code/imageCrossFade/xfade2.html

grazie in anticipo

ps: vorrei farvi i complimenti per la ristrutturazione del sito...bravi davvero, però ora manca il forum

 

[sandro010489]

Nessuno mi sa dare una mano?

 

[lukeonweb]

Immagino che i recordo scorranoall'interno di un div HTML o qualcosa del genere, giusto?

Scrivi sul div:

<div id="QuelloCheGiaHai" onmouseover="this.stop()" onmouseout="this.start()">

Fammi sapere!

 

[sandro010489]

Ciao grazie infinite per la tua risp ma non funziona sia se lo metto nel tag div che nel tag img

ti riporto anche la pagina in cui lo richiamo che è semplicemtente una scrip che mi mostra tutte le immagini in una cartella

<div id="imageContainer"  >

<? 

function RemoveExtension($strName)
{
$ext = strrchr($strName, '.');

if($ext !== false)
{
$strName = substr($strName, 0, -strlen($ext));
}
return $strName;
}



$path = "project/maps";

$dh = opendir($path);

while ($file = readdir($dh))

if($file != "." && $file != ".." && $file != "Thumbs.db" && $file != "index.html" && $file != "index.php"      ) {
$name = RemoveExtension($file);
{
    echo"<a href='$path/$file' class='lightview'   title='Map: :: $name :: autosize: true, topclose: true'>
    <img height=\"161\" width=\"212\" border='0' src='$path/$file' /></a><br />";
	;
}
}
closedir($dh); // close dir
?>
			</div>

ma cmq credo bisogni creare una funzione che stoppi sia la funzione che cambia l'immagine sia quella che crea l'effeto fade e sinceramente io con javascript sono proprio negato... php me la cavo ma javascript...