Salve a tutti, ho un piccolo problemino con jQuery.
In pratica aproa una finestra modale con un link. Al click del link si attiva una funzione jQuery che cambia l'immagine di sfondo ed il contenuto. Ora quello che vorrei è che il contenuto entri con un fadein (e magari esca con un fadeout), ma nonostante abbiamo provato ad applicare la proprietà a tutto, non riesco ! Qualcuno può damri una mano?
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prova</title>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
		$( "#dialog" ).dialog({resizable: false, minWidth: 350,minHeight: 350, show: 'fadeIn', duration: 'slow'});
	});
	
	function f1 (){
    $("#dialog").html('Ecco il nuovo testo! ');
	$("#dialog").css('background-image', 'url(sfondo2.jpg)'); 
    }
	</script>
    

<style type="text/css">
#dialog {
	background-image: url(sondo.jpg); 
	background-repeat: no-repeat; 
}	

</style>
</head>

<body>
<div id="dialog">
Clicca qui
</div>
</body>
</html>