Hello,
I'm having trouble getting the Jquery slideshow to function properly.
Here is my code:
[code]
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml";>
<head>
<title>jQuery Slideshow</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript" src="../scripts/slideshow.js"></
script>
<script type="text/javascript">
$(document).ready(function(){
$('#s1').cycle({
fx:'fade',
speed:'2000',
timeout: 0,
next:'#next', prev:'#prev'});
});
</script>
</head>
<body>
<h1>1</h1>
<div id="slideshow">
<a href="1"><img src="images/darksideofthemoon.jpg" alt=""
/></a>
<a href="2"><img src="images/absolution.jpg" alt="" /></a>
<a href="3"><img src="images/acertaintrigger.jpg" alt="" /></a>
<a href="4"><img src="images/liberationtransmission.jpg" alt=""
/></
a>
<a href="5"><img src="images/americanidiot.jpg" alt="" /></a>
</div>
<p class='nav'><a id='prev' href='#'>Prev</a> | <a id='next'
href='#'>Next</a>
<h1>2</h1>
<div id="slideshow2">
<img src="images/darksideofthemoon.jpg" alt="" />
<img src="images/absolution.jpg" alt="" />
<img src="images/acertaintrigger.jpg" alt="" />
<img src="images/liberationtransmission.jpg" alt="" />
<img src="images/americanidiot.jpg" alt="" />
</div>
<a href="#" id="pause2">Pause</a>
</body>
</html>[/code]
****************************
The page links to the javascript documents supplied by jquery, but the
previous and next buttons on this page do not work. Please note that
Slideshow 2 does not need to work. I plan to delete that. I am simply
trying to create one slidehow with a previous next buttons that
function. I would greatly appreciate suggestions on where I might be
going wrong.
Thanks!
Chloe
