Hi there,
I’m trying to make a simple slide show using jQuery.innerfade (which I think is part of the jQuery cycle plugin, I might be wrong).
Anyway I have a problem which I always get when using jQuery and don’t know how to fix which is that as the page loads everythinhg gets diaplyed and the parts whcih should be hidden only disappear once the page has loaded.
I know I’m doing something fundamentaly wrong, but I don’t know what it is!
Please help.
Here is what I have:
In the head section:
<script src="assets/js/jquery.js"></script>
<script type="text/javascript" src="assets/js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$(’ul#slideshowList’).innerfade({
speed: 3000,
timeout: 5000,
type: ’sequence’,
containerheight: ’285’
});
});
</script>
In the body:
<ul id="slideshowList" style="list-style:none">
<li><img src="image1.jpg" /></li>
<li><img src="image2.jpg" /></li>
<li><img src="image3.jpg" /></li>
</ul>
Any ideas?
Thanks in advance!
