Ad Rotator

The Ad Rotator plugin can be inserted into any page or panel in the CMS. This allows you to display a list of images with variable durations and start / end dates. This can be used for images other than advertisements, for example, on your homepage you may wish to include images that fade.

Follow Along with these Video Tutorials


Use Cases

Adding / Editing

While adding or editing an ad rotator instance you can add as many images as you'd like, and remove or rearrange them.  To create a new, or edit an existing ad rotator instance, edit the draft of a page and use the WYSIWYG plugin insert button in the location where you'd like the plugin to display, or where an existing plugin exists.

  • Image to Display - the relative path to an image to display, with the option of loading a CMS page as well for more sophisticated html banners (if you choose to use a CMS page, set the CMS page in the URL field, not the Image to Display field).  
  • Width / Height - the image width / height, this cannot be changed
  • Name - the name of the ad image
  • Description - the description tool tip for the image
  • URL - the URL the image links to when clicked
  • Open in New Window - opens the click in a new window
  • Duration - the number of seconds to display the ad image
  • Use fade effect on this image - applies a cross-browser javascript/css fade effect to the image
  • Enable statistics tracking - creates a redirect URL that tracks the user click; you can see statistics with the URL supplied when selecting this check box
  • Start Date - the date to start showing this ad
  • End Date - the date to stop showing this ad


A user can enable navigation to their Ad Rotator plugin.  This will cause  text to appear on the left and right side of the ad to allow users to go to the "previous" and "next" ads.  You can choose to randomize the first banner, and choose to rotate the banners, or to leave the banner as a static ad.  Navigation dots are small dots at the bottom of your image that allow a user to click on them and navigate through the advertisements available. 

Fade Effect

The fade effect creates a transition between two images, which is very flash-like in appearance, without using a flash embed.


Statistics tracking uses a hash code for the ad image. This means that the statistics are not "reset" unless you select an image with a new filename or path.

Contact this Author: < Nicholas Bott >