Hi, I'm relatively new with using jQuery, and I'm trying to implement
innerFade to fade between some banner images.
In the header:

<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/interactive.js"></script>
<script type="text/javascript" src="./js/thickbox.js"></script>
<script type="text/javascript" src="./js/jquery.innerfade.js"></
script>

I've got php looping through the images to produce the following code:

<div id="flashanimation">
<ul id="flashshow">
<li><a href="index.php"><img src="../data/images/tempflashimg.gif" /></
a></li>
<li><a href="index.php"><img src="../data/images/purchasebox.gif" /></
a></li>
</ul>
</div>

the jquery.innerfade.js file is untouched from download.

In interactive.js, along with some jQuery code to control some other
elemens, is:

$('ul#flashshow').innerfade({
        speed: 'slow',
        timeout: 4000,
        type: 'sequence',
        containerheight: '220px'
});

And the outcome of that, is absolutely nothing! Even if I had some
errors I'd have something to go on. It currently just displays the
images in a list.

Thanks for any help!

Tom.

Reply via email to