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

miguel1810 0 Tallied Votes 192 Views Share


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 ?



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<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[
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
// ]]>
<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; }
#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;
<link rel="icon" href="" type="image/x-icon" /> 
<link rel="shortcut icon" href="" type="image/x-icon" />
<style type="text/css">
body {
	background-image: url(images/endurance_bg01.jpg);
	background-repeat: no-repeat;