[jQuery] cycle plugin works on one page, but not on the other. NO DIFFERENCE!

[jQuery] cycle plugin works on one page, but not on the other. NO DIFFERENCE!


Hey guys,
I'm currently about to rip my hair out because I cannot figure out
what is going on with this jQuery cycle plugin. I've used it several
times on several projects, but for some reason, it's not working on
this one... PLEASE help me figure out what I'm doing wrong....
<html>
<head><title>OsCommerce</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<script language="JavaScript" src="jquery-1.2.6.min.js" type="text/
javascript"></script>
<script language="JavaScript" src="cycle.jquery.js" type="text/
javascript"></script>
<script language="JavaScript">
$(function() {
$('#slideshow').cycle({
fx: 'scrollLeft',
speed: 'fast',
timeout: 5000,
next: '#next2',
prev: '#prev2'
});
});
</script>
</head>
<body>
<center>
<div id="slideshow">
<a href=""><img src="images/slideshow/1.jpg" /></a>
<a href=""><img src="images/slideshow/2.jpg" /></a>
<a href=""><img src="images/slideshow/3.jpg" /></a>
<a href=""><img src="images/slideshow/4.jpg" /></a>
<a href=""><img src="images/slideshow/5.jpg" /></a>
<a href=""><img src="images/slideshow/6.jpg" /></a>
<a href=""><img src="images/slideshow/7.jpg" /></a>
</div>
<img src="images/controller.png" width="703" height="75" border="0"
usemap="#slideshowmap" />
</center>
<map name="slideshowmap">
<area id="next2" href="#" shape="circle" coords="656,17,11">
<area id="prev2" href="#" shape="circle" coords="625,17,11">
</map>
</body>
</html>
There is my test page to try and debug this thing... It works with the
fade effect...
<script language="JavaScript">
$(function() {
$('#slideshow').cycle({
fx: 'fade',
speed: 750,
random: 1
});
});
</script>
... but not with scrollLeft... The images just disappear altogether.
It doesn't display anything. i've tried changing the id name, nothing
works. The weird thing is, I've implemented this in another project
and it worked fine, but I can't really find what I did different
because on the site where it works, it's embedded in hundreds of lines
of HTML. But as far as I'm concerned, there's no difference in any of
these pages regarding the key elements to make this thing work... So
I'm literally at the end of my rope here. i have NO idea what I'm
doing wrong. can someone PLEASE shed some light on this thing...
Thanks