[jQuery] Simple innerFade problem
Hello,
I'm trying to use the innerfade script, and I'm not sure what's going
wrong - it seems so simple but it's still not working. Here is a link
to the page:
http://bikesonthebricks.com/jquerytest.html
Here is the call, which I've just stuck in the page head for now:
<script type="text/javascript">
$(document).ready(
function(){
$('.slideshow2').innerfade({
animationtype: 'fade',
speed: 750,
timeout: 2000,
type: 'random',
containerheight: '275px'
});
});
</script>
And here is the div I'm trying to turn into a slideshow, just a div
with a set of images inside:
<div class="slideshow2">
<img src="images/contests/contests_slideshow_01.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_02.jpg" alt="bikes on
the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_03.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_04.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_05.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_06.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_07.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_08.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_09.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_10.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_11.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
<img src="images/contests/contests_slideshow_12.jpg"
alt="bikes on the bricks 2008" width="350" height="275" />
</div>