Tuesday, 10 September 2013

Creating a Custom Carousel component for Adobe Experience Manager

You can create a custom carousel component for Adobe Experience Manager. A carousel component displays images that can be retrieved from the Adobe Digital Asset Manager (DAM). The CQ DAM is a digital asset management tool that is fully integrated with the CQ platform and enables your enterprise to share and distribute digital assets. Users across an organization can manage, store, and access images, videos, documents, audio clips, and rich media such as Flash files for use on the web, in print, and for digital distribution. For more information, see CQ Digital Asset Management.

Assume, for example, that you are developing an Adobe CQ visual carousel  component for a travel company interested in creating an online digital marketing campaign. The component lets visitors to the web site obtain an engaging experience by viewing different travel images within a rotating carousal component.

A custom AEM carousel component
To read this, click


Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel


  1. Hi Scott,
    I've been following your tutorial for a long time and it is very useful. Could you please write a tutorial on custom widget?

    1. See the articles in 2014. We have a lot of x type custom widgets.

  2. Can you let me know what type of widget you would like to see. Thanks for the feedback.

  3. Scott wondering if you can help me out with a more dynamic carousel. I would like to create four smart image components that can drag and drop from the dam into my bxslider carousel. Need help any docs...

  4. See the multi field x type that supports drag and drop. It shows some of the functionality that you need. This would be the first article in 2014 in Jan.

  5. How we can integrate custom carousel with Social share .. Any documents. We are facing some issues regarding that. We are suing OG tags. In slide show we are using custom carousel. The issue is we are not able to share particular image in slide show.

  6. Hi Scott,

    I am trying to develop custom carousal component. in this carousal i need to add image with drag and drop. fileupload is not working. If its pathbroweser its working fine.