Part 4. How to Create Image Carousel

Tutorial about adding image carousel to Chameleon diazo Plone Theme on Plone 4.1 website.

To add image carousel to Chameleon diazo theme to be displayed instead of default top image - first you need to install Products.Carousel package and activate it via Site Setup -> Add-ons.

install-carousel.png

Now you can create carousel for site's front page or any other site section. In any case, go to the desired location and shift to Carousel tab. Here you can configure main carousel settings. This folder needs to be published so that its contained elements become visible, so, don't forget tot do that. Now add new Carousel Banner:

carousel-tab.png

In the opened window - provide banner Title, it will be displayed instead of site slogan on this image and upload the new banner Image. You can also specify Link URL to make image linked to certain address.

edit-banner.png

When a new image is added - publish it:

publish-banner.png

Now when you return to the home page - you'll see new top image with its title on the site's current color scheme. Note: current banner is linked (its title is underlined) because link URL for this banner was provided.

new-banner.png

Now add more banners into Carousel Banner folder so that all banners are rotated. In case you select Previous and Next buttons as carousel pager - you will see styled arrows:

carousel.png

Connect with our experts Let's talk