Simple Carousel using jQuery

[Acorn]

In a separate Thread, I (foolishly) suggested that I could implement a carousel using the same approach: https://www.talkgraphics.com/showthr...ages-is-loaded

I have used the same graphics and their positions so do not panic that things are popping up all over.

To create your own carousel:

1. Collect a set of images, objects or graphics and centre them all together on your page.
2. Give them all the Name htmlclass=illy.
3. Add the simple Carousel Widget to your page as the topmost object.
4. Done.

To customise for yourself:

1. The Widget has a Name UsesJQuery - don't remove this.
2. Add a backdrop box or shape - don't Name it.
3. The order of your objects is changed in the Page and Layer gallery.
4. The fade in and out times and the show time can be altered in the Widget Body code:

<script>
$(document).ready(function(){

(function fade(idx) {
  var $illy = $('.illy');
  $illy.hide();
  $illy.eq(idx).fadeIn(1000).delay(8000).fadeOut(1000, function () {
    fade(idx + 1 < $illy.length ? idx + 1 : 0);
  });
}(0));

});
</script>

Acorn