Oh, you have three slideshows. In that case you need canvas2_0 and canvas2_1. Also your head section is a little disorganized. That's probably a fine point, but might be important in some browsers. Reorganize it like so and add the highlighted:
Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>about us</title><!-- change the "$ x.x.x.x where x is the name of the page"; -->
<!--<title>main page</title>-->
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/corners.css" />
<link rel="stylesheet" type="text/css" href="css/pcm.css" />
<link rel="stylesheet" type="text/css" href="css/nav.css" />
<link rel="stylesheet" type="text/css" href="css/slid.css" />
<link rel="stylesheet" type="text/css" href="css/outer.css" />
<style type="text/css">
#canvas2_0, #canvas2_1 {
background-image: url(http://www.strugnell.org.uk/slide/images/pic_bkgd.jpg);
background-position: -10px -30px;
}
</style>
<script src="jas/webslid.js" type="text/javascript">
/***********************************************
* Swiss Army Image slide show script - (c) John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/
</script>
<script src="jas/slides.js" type="text/javascript">
</script>
</head>
Bookmarks