Adding slideshow to header (using Cycle)

[Rumpleteazer]

This is driving me nuts so hoping someone can help!

I am am trying to add a slideshow to the header using Cycle - this is jquery slideshow.

In tpl_header.php I have added:

<div id="slide">
<img src="includes/templates/quilting/images/test1.gif"/>
<img src="includes/templates/quilting/images/test2.gif"/>
<img src="includes/templates/quilting/images/test3.gif"/>
<img src="includes/templates/quilting/images/test4.gif"/>
</div>

In html_header.php I have added:

<script src="includes/templates/quilting/jscript/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slide').cycle({
fx: 'fade',
speed: 1000,
timeout: 2500,
next: '.next_slide',
prev: '.prev_slide',
});
});


All this does is displays the images in a column on top of each other. The really annoying thing is that I have done this before on a previous version of Zen Cart and it worked fine. Any ideas anyone??

[Rumpleteazer]

Any ideas anyone? Or is there another slider that is easy to implement in the header??

[keneso]

Have you tried looking in the plugins, search for "slider".