Photo carousel ordering with AI (video tutorial)

Overview

Learn how to use MediaFlows to automatically categorize hotel images and assign them a display order for image carousels and product detail pages. This tutorial demonstrates how to leverage AI vision capabilities to detect image content, enrich metadata, and implement business logic for optimal image presentation.

In this example, you'll see how a hotel booking platform can automatically organize images by category (hotel exterior, pool, rooms, lobby) and assign proper ordering based on business requirements—all without manual intervention.

Video tutorial

Tutorial contents

This tutorial presents the following topics. Click a timestamp to jump to that part of the video.

Introduction to image categorization

0:03	Discover how to automatically categorize hotel images and assign them a specific order for display in image carousels or product detail pages. This automation ensures consistent presentation of images based on business requirements, starting with hotel exteriors, then pools, rooms, and other amenities.

Add assets to folders

0:13	Upload some hotel images to folders in your asset library. The images include various aspects of the hotel property: exterior views, pool areas, guest rooms, lobby spaces, and other amenities. These images will be processed by the MediaFlows automation upon upload.

Set up the automation trigger

0:25	When assets are uploaded to specific folders, the MediaFlows photo categorization flow automatically runs. This trigger ensures that every new asset uploaded to designated folders is processed through the workflow without manual intervention.

AI Vision detection

0:42	The AI Vision Analyze By Prompt block analyzes images to answer specific questions: Is this a bedroom? Are beds or seats shown? Is there an outdoor pool? A children's pool? The AI evaluates each image against these criteria to accurately categorize the content.

Automatic metadata enrichment

1:00	See how detected items are automatically attached as structured metadata. The flow populates photo category fields, generates confidence scores showing the AI's certainty, and creates photo notes that can be used as alt text for accessibility. All this happens automatically when the asset is processed.

Implement carousel ordering logic

1:56	Understand the business logic behind image ordering. For hotel carousels, the requirement is to start with an image of the hotel exterior, followed by the pool (if available), then rooms and other amenities. This specific ordering creates the most effective visual presentation for potential guests.

Numbering convention

2:12	Learn how the ordering is implemented using numbers in the naming convention. Although the uploaded images don't initially have numbers, the MediaFlows automation assigns them based on the business logic—analyzing the photo category and applying the appropriate sequence number to ensure correct carousel order.

View automated results

2:36	Review the completed automation results. Each asset now has photo category metadata, descriptive photo notes, and sequence numbers in the naming convention that define the display order. The entire categorization and ordering process happens automatically, saving time and ensuring consistency across your image library.

Keep learning

If you like this, you might also like...

 

 

Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.