onmouse over fermare slideshow

sandro010489

Nuovo Utente
9 Gen 2007
4
0
0
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:

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
 
Ultima modifica:

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
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

Nuovo Utente
9 Gen 2007
4
0
0
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

Codice:
<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...
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
R script visualizza immagine onmouse over.. Javascript 1
S Tag OnMouse e Sfondo pagina HTML e CSS 2
M Creazione pulsante con effetto onmouse Javascript 0
F Fermare oggetto che si muove al click del mouse - Javascript Ajax 1
G [Javascript] Fermare animazione Javascript 1
T Fermare setInterval e riprendere al passaggio del mouse. Javascript 2
Marco_88 Come fermare un timer (setTimeout) jQuery 6
M Javascript: fermare window.setInterval e window.setTimeout Javascript 3
M [RISOLTO]Fermare slideshow immagini al passaggio del mouse. jQuery 3
Monital Fermare un ciclo in un insert PHP 5
F Fermare un ciclo while con un bottone o da solo Flash 0
F [PHP] Slideshow video PHP 0
Cosina Aggiungere pulsante pause/play a slideshow Javascript 0
ANDREA20 [Javascript] Slideshow Gallery Javascript 0
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
I [CSS3]Problema slideshow multiple HTML e CSS 2
M [HTML] Slideshow immagini con effetto FADE HTML e CSS 2
V Creare slideshow con immagini esterne Ajax 1
dakko96 slideshow doppia jQuery 0
G Aiuto slideshow joomla3x Joomla 4
R Slideshow di immagini in HTML5 HTML e CSS 1
S Slideshow con jquery Javascript 2
S Slideshow immagini automatica senza specificare il file immagine PHP 7
I Slideshow HTML e CSS 4
L SlideShow in js Javascript 1
A problema slideshow con visualizzazione mobile HTML e CSS 6
F Plugin Metaslider (Slideshow Wordpress) WordPress 1
C slideshow numero immagini Javascript 5
Devil-94 javascript slideshow Javascript 1
D Come far ripartire una gif quando si rivisita la pagina dello slideshow WordPress 1
Emix Slideshow con div sovrapposto HTML e CSS 5
J Slideshow e gallerie manuali HTML e CSS 19
G Slideshow e Posizionamento DIV HTML e CSS 8
F Codice Random Javascript con slideshow Javascript 3
S Problemi con slideshow HTML e CSS 0
M Simple Slideshow jQuery 1
R Errore Slideshow - "Attenzione lo script non risponde" Joomla 1
R Uso Immagini per Slideshow Joomla 0
R Immagini con Link (modulo e slideshow) Joomla 0
C aggiungere link foto slideshow HTML e CSS 2
K Aiuto per slideshow HTML e CSS 4
L Slideshow non cambia le foto Flash 7
G problema caricamento condizionale slideshow FlexSlider Javascript 0
L jquery slideshow con anteprima jQuery 10
F Slideshow Javascript 0
P Slideshow orrizontale con link WordPress 0
M sezione news del mio sito collegata a uno slideshow nella home page PHP 0
P Bug IE 7/8 slideshow inserito in pagina html5 Parallax HTML e CSS 4
P Bug IE 7 slideshow inserito in pagina html5 Parallax Javascript 1

Discussioni simili