Ok im trying to get a rotating banner at te top of my page working but my problem is that if the script is in the body the .dwt ignores it so I need to get it in the head tag only problem is that the actual place I need it to work is in the body tag and i have no clues on what to do.
Below is the java code im using and the webpages code
<!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" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="SHORTCUT ICON" href="images/lolo.ico"/>
<title>St Joseph's School, Morrinsville</title>
<!-- #BeginEditable "doctitle" -->
<!-- #EndEditable -->
<link href="styles/style3.css" rel="stylesheet" type="text/css" />
<meta name="description" content="St Joseph's School Morrinsville - Morrinsville's only Catholic learning environment." />
</head>
<body style="background-color: #FFFFFF; background-image: url('images/background1.jpg');">
<p class="style2"> </p>
<!-- Begin Container -->
<a name="top" id="top"></a>
<div id="container">
<!-- Begin Masthead -->
<div id="masthead" class="style2">
<script src="slideshow.js" language="javascript" type="text/javascript"></script>
</div>
<!-- End Masthead -->
<!-- Begin Page Content -->
<div id="page_content" class="float_right">
<!-- Begin Sidebar -->
<div id="sidebar" style="left: -5px; top: 23px" class="style15">
<a href="default.htm" style="width: 99px; height: 10px; color:navy">
Home</a>
<a href="welcome/welcome.htm" style="width: 146px; height: 10px; color:navy">Principal's Welcome</a>
<a href="trustees/trustees.htm" style="width: 136px; height: 10px; color:navy">Board of Trustees</a>
<a href="about/about.htm" style="width: 67px; height: 10px; color:navy">About Us</a>
<a href="newsletter/newsletter.htm" style="width: 118px; height: 10px; color:navy">Our Newsletter</a>
<a href="staff/staff.htm" style="width: 66px; height: 10px; color:navy">Our Staff</a>
<a href="classrooms/classrooms.htm" style="width: 119px; height: 10px; color:navy">Our Classrooms</a>
<a href="contact/contact.htm" style="width: 80px; height: 10px; color:navy">Contact Us</a>
<a href="parish/parish.htm" style="width: 80px; height: 10px; color:navy">The Parish</a>
</div>
<!-- End Sidebar -->
<!-- Begin Content -->
<div id="content" style="left: -5px; top: 0px; width: 423px;">
<!-- #BeginEditable "content" -->
<h2 class="style14">Headline 2</h2>
<p class="style15">insert content here</p>
<p class="style15"> </p>
<p class="style15"> </p>
<p class="style15"> </p>
<p class="style15"> </p>
<p class="style15"> </p>
<p class="style15"> </p>
<!-- #EndEditable --></div>
<!-- End Content --></div>
<!-- End Page Content -->
<!-- Begin Footer -->
<div id="footer">
<p>
<a href="#top" ><span class="style17"> ^ Top of Page</span></a> |
<a href="default.htm" class="style16">Home</a> |
<a href="welcome/welcome.htm" class="style16">Principal's Welcomes</a> |
<a href="trustees/trustees.htm" class="style16">Trustees</a> |
<a href="about/about.htm" class="style16">About Us</a> |
<a href="newsletter/newsletter.htm" class="style16">Newsletter</a> |
<a href="staff/staff.htm" class="style16">Staff</a> |
<a href="classrooms/classrooms.htm" class="style16">Students</a> |
<a href="contact/contact.htm" class="style16">Contact</a>
</p>
<p><span class="style17">
Copyright © 2007 St. Joseph's Morrinsville All Rights Reserved.
</span></p>
</div>
<!-- End Footer -->
<!-- End Container -->
</div>
</body>
</html>
and the js file itself
function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="images/faded_end logo.jpg"
myimages[2]="images/faded_end logo1.jpg"
myimages[3]="images/faded_end logo2.jpg"
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
