• FRAMEWORK

Media

Gallery

Gallery

The gallery component is used to display collections of images in different layouts such as grid, masonry, and sliders. Supports responsive design, lazy loading, and lightbox integration for enhanced user experience.

Displays images in equal-sized columns using the Bootstrap grid system.

More information or questions: framework@ford.com.tr

Gallery Video

For sample use, see the uses below.

More information or questions: framework@ford.com.tr

Gallery Slider

Horizontal slider to display multiple images, ideal for mobile or interactive galleries.

Compare Image

A component you can use to compare two images.

Left Less Pixel Right More Pixel

Lightbox Integration

Enable click-to-zoom experience using lightbox or modal. Supports captions and next/previous navigation.

Performance Tip: Use responsive images (srcset), lazy loading (loading="lazy") and modern formats (WebP/AVIF) for optimized performance.