< Return to Feed
Kayla Amaral - 03.13.2017

Let's Get Giffy


The weekly status call with the client was going great. No new bugs were reported, and we were just wrapping things up when the client said, “Oh, one last thing—our content author reported that cinemagraphs aren’t working in the custom hero carousel. Do you guys have any ideas?”

I used the confident tone of voice I use when I want to let the client know I’m thinking deeply about a resolution to their problem and assured them I would log a JIRA ticket and we’d see why cinemagraphs weren’t cooperating. We hung up and I frantically began Googling “What are cinemagraphs?”

According to Wikipedia, “Cinemagraphs are still photographs in which a minor and repeated movement occurs, forming a video clip. They are published as an animated GIF or in other video formats, and can give the illusion that the viewer is watching an animation.”

Ah. Got it. The custom components we built support GIFs.

Click here to see custom code

Relevant to the AEM6.2 Custom Components, Thumbnails and Web Renditions post [date] be aware that AEM does not support renditioning or downgrading GIFs. Content authors should be trained to understand that the file that gets uploaded will be used directly on the site, so always ensure any GIFs are at an optimized size.