Image Rotator - Just Images

Find out how to implement an image rotator on your website.

Use the following code to provide a rotating image feature in your site.

Note: This code does not work on CMS Version 5 sites. It has been replaced with the image rotator module.

Prerequisites

The example below shows this working in the center column of the three-column template.

• Images should each be the same height and width.
• Optimal width and height is 540px by 280px.

Example Screenshot

Note that since Blink is now a CMS Version 5 site, this image rotator code does not work on Blink.

How to Implement

Insert the following code into the page, substituting the image path in the appropriate location:

<div class="flexslider">
<ul class="slides">
<li><img src="_images/img-1.jpg"/></li>
<li><img src="_images/img-2.jpg"/></li>
<li><img src="_images/img-3.jpg"/></li>
</ul>
</div>