Roll up roll... background image change on my site... can anyone help/advise...

miguel1810 0 194 Views

Hi,

I'm trying to work out how I can change my back ground image when the user clicks the home link - or refreshes the page... I'd love my background image to change from the current static background image... is this HTML or JAVA ??

Can anyone advise ?

Thanks

Miguel

<!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>
<title>ENDURANCE SPORTSCAR.NET - LE MANS 24 HEURES</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>
</script>
<style type="text/css">
#slider { margin:0 42px; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:800px; height:261px; overflow:hidden; margin:0 auto; padding:0; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:31px; height:28px; position:absolute; left:759px; top:-60px; }
#nextBtn { left:790px; }
#prevBtn a { display:block; width:31px; height:28px; background:url(images/l_arrow.jpg) no-repeat 0 0; }
#nextBtn a { display:block; width:31px; height:28px; background:url(images/r_arrow.jpg) no-repeat 0 0; }
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
</style>
<link rel="icon" href="http://www.endurancesportscar.net/favicon.ico" type="image/x-icon" /> 
<link rel="shortcut icon" href="http://www.endurancesportscar.net/favicon.ico" type="image/x-icon" />
<style type="text/css">
<!--
body {
	background-image: url(images/endurance_bg01.jpg);
	background-repeat: no-repeat;
}
-->
</style></head>
<body>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

Edit Preview