{"id":29709,"date":"2023-07-07T07:00:00","date_gmt":"2023-07-07T14:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=29709"},"modified":"2025-03-30T14:08:11","modified_gmt":"2025-03-30T21:08:11","slug":"create-simple-slideshows-at-scale","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/create-simple-slideshows-at-scale","title":{"rendered":"Create Simple Slideshows at Scale With Cloudinary’s Video Solution"},"content":{"rendered":"

In a previous post<\/a> I discussed adding motion to your pictures using the zoompan<\/code> effect. This effect enables you to make the most out of your pictures by turning images into videos for a quick and easy way to boost customer engagement and enhance visual experiences.<\/p>\n

Cloudinary has some other features up its sleeve to help you generate your own video content at scale, saving you time and money. In this article, we\u2019ll walk through how to create simple slideshows from existing images and crossfade transitions, and introduce you to our new video generation feature, which is a bit more complex but provides greater flexibility.<\/p>\n<\/div>\n\n

Simple Slideshows<\/h2>\n

If all you\u2019ve got to work with are images, you can string a number of them together to create a slideshow. Spice up your video by adding fun crossfade transition effects<\/a> to move seamlessly between the images.<\/p>\n

Imagine you\u2019re developing a website for a real estate agent and are looking to entice potential buyers to view a property. By presenting the photos of the property as a slideshow, you can show off all the selling points in one visual experience, without requiring the buyer to click from one image to the next.<\/p>\n

You can even add your branding as intro and outro slides. Here\u2019s an example:<\/p>\n

\n Loading code examples<\/span>\n <\/cld-code-widget>\n \n\n\n\n <\/video><\/p>\n<\/div>\n\n

Breaking this down, you can see that the base video is a blank video, which enables us to fade in from black at the start and gives us a video asset type to hang our images off:<\/p>\n

\n Loading code examples<\/span>\n <\/cld-code-widget>\n \n\n\n\n <\/video><\/p>\n