Intermittenza tra due immagini

**0-c00l** · 04-07-2011, 22:09

Salve, dovrei creare una sorta di intermittenza tra due immagini (o meglio, cambia il background di un div), quindi avevo provato a fare così:

codice:

function direct()
{

var e = document.getElementById('diretta').style.background;
if(e == "url(images/menu/diretta1.gif)") {
e == "url(images/menu/diretta1.gif)";
} else {
e == "url(images/menu/diretta1.gif)";
}
 }
window.setInterval("direct()", 1500);

Il problema è che non funziona, se provo a mandare un alert col contenuto di e ( alert(e) ), l' alert appare vuoto.

Il css è questo:

codice:

#diretta {
background: url(images/menu/diretta1.gif);
width: 290px;
height: 43px;
float: left;
}

#diretta:hover, #diretta_tp {
background: url(images/menu/diretta2.gif);
width: 290px;
height: 43px;
float: left;
}

Dove è l' errore?

**carlomarx** · 04-07-2011, 22:49

C'era più di un errore. Provo a ordinartela un po'...

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pagina vuota</title>
<script type="text/javascript">
var direct = new (function () {
	var nBGId = 0, nIntervId = null;
	function changeBG() {
		document.getElementById("diretta").style.background = (nBGId ^= 1) ? "url(images/menu/diretta1.gif)" : "url(images/menu/diretta2.gif)";
	}
	this.avvia = function() {
		if (nIntervId !== null) { return; }
		nIntervId = window.setInterval(changeBG, 1500);
	};
	this.ferma = function() {
		if (nIntervId === null) { return; }
		window.clearInterval(nIntervId);
		nIntervId = null;
	};
})();
</script>
</head>

<body onload="direct.avvia();">
[ <span onclick="direct.avvia();" style="cursor:pointer;text-decoration:underline;color:#0000ff;">Avvia animazione</span> | <span onclick="direct.ferma();" style="cursor:pointer;text-decoration:underline;color:#0000ff;">Interrompi animazione</span> ]
<div style="width:800px;height:800px;" id="diretta"></div>
</body>
</html>

**Xinod** · 04-07-2011, 22:54

in questo modo puoi accedere in lettura solo alle proprieta' css settate nello stile in linea, o settate precedentemente via javascript

inoltre, quello che cerchi probabilmente non lo troveresti nel background, ma nel backgroundImage

e' consigliabile assegnare/rimuovere una classe, dopo aver testato che l' elemento abbia il className atteso

**0-c00l** · 05-07-2011, 00:23

grazie carlo funziona, xinod grazie anche a te per il chiarimento

Discussione: Intermittenza tra due immagini

Strumenti discussione

Ricerca discussione

Visualizza

Intermittenza tra due immagini

Permessi di invio