Question

I have four images. I would like them to rotate in a loop. Under the images is an area for the text links for each image to view the image (within the animated loop).

There are so many scripts out there, no one has exactly what I want.

Can anyone make any suggestions?

Many thanks.

Answer 1

In addition to jquery cycle (which I highly recommend), there is also InnerFade which is real stripped down: http://medienfreunde.com/lab/innerfade/

In pretty much any case though, you’re going to need structured html surrounding your images. So something like this

<ul class="rotate-this">
    <li><img src="foo.jpg"></li>
    <li><img src="bar.jpg"></li>
    <li><img src="foobar.jpg"></li>
</ul>

And you would invoke it like so:

$('ul.rotate-this').cycle({ // or $('ul.rotate-this').innerfade({
    option: value,
    option: value
});