"Reload Page" al click di una immagine nel css

[klasias]

Salve a tutti!
Ho un problema e sto impazzendo perchè non riesco a risolverlo

Ho questo file css:

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

Vorrei che al click sull'immagine definita dal : .apple_overlay .close la pagina interessata facesse un reload.
Spero che mi riusciate ad aiutare.
Grazie Mille in anticipo

[Xinod]

ma... lo script esiste? se c'e' lascia un link!
secondo te cosa dovremmo farne del solo css?

[klasias]

In realtà ho trovato questo script su internet. Non sono molto pratico comunque di questa tecnologia.
Cmq il codice è :

	
	<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
	 

	
	

	<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/overlay-apple.css"/>
	
	
	<style>
	
	
	
	#apple {
		background-image:url(http://static.flowplayer.org/img/overlay/apple.png);
		color:#fff;
		padding:50px 70px;
	}
	</style>



<script type="text/javascript">

  
	scrolldelay2 = setTimeout("operazioni2()",10000); // scrolls every 100 milliseconds

	function operazioni2()
	{
		window.scrollTo(0,7000); 
		clearTimeout(scrolldelay2); 
		attivaFinestra();
		
	}

function attivaFinestra(){
	// What is $(document).ready ? See: http://flowplayer.org/tools/document...document_ready
	$(document).ready(function() {
	
	// select the overlay element - and "make it an overlay"
	
	
	$("#apple").overlay({

		// custom top position
		top: 150,

		// some mask tweaks suitable for facebox-looking dialogs
		mask: {

			// you might also consider a "transparent" color for the mask
				color: '#fff',

			// load mask a little faster
			loadSpeed: 200,

			// very transparent
			opacity: 0.5
		},

		// disable this for modal dialog-type of overlays
		closeOnClick: false,

		// load it immediately after the construction
		
				
		
		load: true
	});
});
}

[Xinod]

sembrerebbe tu stia usando jquery tools (che personalmente ti consiglio di scansare come la peste)
comunque nella documentazione leggo di un evento onClose
quindi, quello che puoi provare ad aggiungere e'

	$("#apple").overlay({

		// custom top position
		top: 150,

		// some mask tweaks suitable for facebox-looking dialogs
		mask: {

			// you might also consider a "transparent" color for the mask
				color: '#fff',

			// load mask a little faster
			loadSpeed: 200,

			// very transparent
			opacity: 0.5
		},

		// disable this for modal dialog-type of overlays
		closeOnClick: false,

		onClose:function(){self.location.reload(true)}, 

		// load it immediately after the construction
		
				
		
		load: true
	});

ciao

[klasias]

Funziona!!! Grazie, mille grazie, ancora grazie !!!!!