funzione jquery fadeTo ed animate

**techno** · 20-07-2010, 00:22

salve ho questa pagina fatta da me che sto provando per capire un pò di jquery:

codice:

<style>
#contenitore{
	width:400px;
	height:220px;
}
#sfondo{
	background-image:url(Comunale%20Massimiliano.jpg);
	width:400px;
	height:200px;
	position: relative;
}
#news{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFF;
	background-image: url(fade.png);
	background-repeat: repeat;
	padding: 10px;
	height: 50px;
	width: 380px;
	position: absolute;
	bottom: 0px;
	overflow:hidden;
}
#text{position:absolute;
width:400px;}
#btleft{float:left; display:none; height:500px; background-color:#CCC;}
#btright{float:right; background-color:#CCC; height:500px;}
</style>


<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
var numero=1;
window.onload = function premuto(){
	
	var elsfondo=document.getElementById("sfondo");
	var elnews=document.getElementById("text");
	elnews.style.left= 400+"px";
			
		$("div#sfondo").hide();
switch(numero){
		case 1 :
		$("#sfondo").css("background-image","url(Comunale%20Massimiliano.jpg)");
		$("#text").html(numero + ". E' stato scelto la mia foto.");
		break;
		case 2 :
		$("#sfondo").css("background-image","url(DSCF0427.jpg)");
		$("#text").html(numero + ". E' stato scelto la foto di Giada.");
		break;
		case 3 :
		$("#sfondo").css("background-image","url(Sfondo%20sviluppo%20web.jpg)");
		$("#text").html(numero + ". E'stato selezionato l\'immagine di Sviluppo Web.");
		break;
	}
	$("div#sfondo").fadeTo("slow", 1.0);
	$("#text").animate({left: "10"}, "slow");
numero++;
	if(numero>3) numero=1;
	setTimeout("premuto()", 5000);
}
</script>
</head>

<body>
<div id="contenitore">
<div id="sfondo">
<div id="news"><div id="text"></div></div>
</div>
</div>

ora non capisco il perchè con IE funge benissimo mentre con firefox no

**techno** · 20-07-2010, 00:58

ok ve lo faccio più semplificato:

codice:

<script type="text/javascript">
var numero=1;
$(document).ready(function premuto(){
	$("#text").css({"left": 400});
			
		$("div#sfondo").hide();
switch(numero){
		case 1 :
		$("#sfondo").css("background-image","url(Comunale%20Massimiliano.jpg)");
		$("#text").html(numero + ". E' stato scelto la mia foto.");
		break;
		case 2 :
		$("#sfondo").css("background-image","url(DSCF0427.jpg)");
		$("#text").html(numero + ". E' stato scelto la foto di Giada.");
		break;
		case 3 :
		$("#sfondo").css("background-image","url(Sfondo%20sviluppo%20web.jpg)");
		$("#text").html(numero + ". E'stato selezionato l\'immagine di Sviluppo Web.");
		break;
	}
	$("div#sfondo").fadeTo("slow", 1.0);
	$("#text").animate({left: "10"}, "slow");
numero++;
	if(numero>3) numero=1;
	setTimeout("premuto()", 5000);
});
</script>

perchè in IE funge mentr ein firefox no???

Discussione: funzione jquery fadeTo ed animate

Strumenti discussione

Ricerca discussione

Visualizza

funzione jquery fadeTo ed animate

Permessi di invio