Image Rotator Stack

Image Rotator Stack

Image Rotator Stack is a very powerful image banner rotator. Using a set of equally sized images you can create an great looking rotating banner with customizable speed and delay and a very flexible paging ribbon.

Image Rotator Stack is based on a tutorial by Sho Tanaka. Kudos definitely go to him.

1. Main features


  • Quickstart using clever default settings
  • Add as many banner images as you want by adding a standard Image Stack
  • Customizable speed and delay for all animations
  • Highly customizable paging ribbon

2. Example

3. Download


Image Rotator Stack.dmg

Version 1.0 - 9/26/2010
Internal release

4. Installation


The installation of new Stacks is pretty straight forward. Just mount the downloaded Stack (which is usually done by the Mac already) and double click the Stack bundle inside the disk image.

5. How to get started?


Image Rotator Stack is useable right by pulling it off the toolbar into your Stacks page. It has some reasonable defaults that make it work immediately. Here are the setup steps ...

  • Create a few equally sized banner images. This is key, as the rotation is the same for all images.
  • Pull the Image Rotator Stack onto a Stacks page in RapidWeaver
  • Pull as many Image Stacks into the Image Rotator Stack as you have image banners to add
  • Add the images to the respective Image Stacks and modify their size within the Image Stack if required
Those are the minimum required settings to get you going. Now go to preview and test your first Image Rotator Stack

6. Support


All of my Stacks are provided as is. In other words I am not providing any professional level support for those Stacks. Nevertheless, feel free to contact me in case you have any questions or feature requests. Depending on my available time I will get back to you ...

7. Detailed Configuration


In order to tweak your new Stack a little more, there are several more detailed settings and configurations that can change the behavior as well as the look of your Stack.

The Image Rotator Stack HUD contains the following settings:

Slide Delay (default: 5000 ms)
This is the number of milliseconds between the Image Rotator waits until replacing the current image with another one.

Speed (default: 500 ms)
This is the number of milliseconds it takes to slide in the next image. The smaller the number, the faster the animation.

Hide Ribbon (default: false)
Select this checkbox if you don't want to show the paging ribbon.

Ribbon Color (default: #DDDDDD)
Choose the background color of the ribbon

Use Gradient (default: false)
You can overlay the ribbon with a gradient that gives the ribbon a kind of 3d effect. This effect is visible with darker colors only.

Width (default: 170 px)
The more images the larger the ribbon needs to be. Change this setting to accommodate all pages

Pos X (default: -7 px)
Set the offset of the ribbon from the right image border. Negative numbers move the ribbon to the right.

Pos Y (default: 20 px)
Set the offset of the ribbon from the bottom image border.

Radius Left (default: 3 px)
Set the left radius of the paging ribbon.

Radius Right (default: 3 px)
Set the right radius of the paging ribbon.

Shadow Size (default: 1 px)
Set the shadow size of the paging ribbon.

Shadow Blur (default: 3 px)
Set the shadow blur of the paging ribbon.

Active Border (default: #828282)
Choose the border color of the current page number.

Active Bgnd (default: #000000)
Choose the background color of the current page number.

Font (default: #000000)
Choose the font color of the page numbers.

Active Font (default: #FFFFFF)
Choose the font color of the current page numbers.

Beside those stack specific settings, all standard Stacks settings are supported in the HUD. Using Stacks version >1.3 you can easily get access to this help page by clicking on the ? button.
This concludes the settings for the Image Rotator Stack.