--- title: "WordPress Carousel" id: "182929" type: "page" slug: "wordpress-carousel" published_at: "2022-03-30T18:59:51+00:00" modified_at: "2026-09-11T08:59:08+00:00" url: "https://fooplugins.com/foogallery-wordpress-gallery-plugin/wordpress-carousel/" markdown_url: "https://fooplugins.com/foogallery-wordpress-gallery-plugin/wordpress-carousel.md" excerpt: "Create a WordPress carousel gallery with FooGallery so visitors can browse images in an interactive horizontal carousel layout." --- ![FooGallery WordPress Gallery Plugin](https://fooplugins.com/wp-content/uploads/2026/06/FooGallery-logo-text-black-e1781773680571.png) # WordPress Carousel Create a WordPress carousel with FooGallery Free. Display photos in a horizontal row that visitors can browse with arrows or navigation dots. Choose overlapping images or evenly spaced thumbnails. Let photos advance automatically or leave browsing to visitors. The Carousel layout is included in FooGallery Free. ![WordPress Carousel](/wp-content/uploads/2025/09/foogallery-demo-carousel.png) [Download FooGallery Free](/foogallery-wordpress-gallery-plugin/download/) [View Demos](#demo) Free included 100K active installs 4.8 / 5 rating 980+ reviews ## Try the FooGallery carousel gallery Use the arrows or dots to browse each carousel. On a desktop? Try the phone icon to see how the gallery fits a smaller screen. ### Carousel Demo 1 : Overlapping images with autoplay Live demo [https://fooplugins.com/wp-content/uploads/2025/10/7.jpg](https://fooplugins.com/wp-content/uploads/2025/10/7.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/10.jpg](https://fooplugins.com/wp-content/uploads/2025/10/10.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/9.jpg](https://fooplugins.com/wp-content/uploads/2025/10/9.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/1.jpg](https://fooplugins.com/wp-content/uploads/2025/10/1.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/2.jpg](https://fooplugins.com/wp-content/uploads/2025/10/2.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/3.jpg](https://fooplugins.com/wp-content/uploads/2025/10/3.jpg) [https://fooplugins.com/wp-content/uploads/2019/08/Image-by-Johannes-Plenio-from-Pixabay-.jpg](https://fooplugins.com/wp-content/uploads/2019/08/Image-by-Johannes-Plenio-from-Pixabay-.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/4.jpg](https://fooplugins.com/wp-content/uploads/2025/10/4.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/5.jpg](https://fooplugins.com/wp-content/uploads/2025/10/5.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/8.jpg](https://fooplugins.com/wp-content/uploads/2025/10/8.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/6.jpg](https://fooplugins.com/wp-content/uploads/2025/10/6.jpg) [https://fooplugins.com/wp-content/uploads/2019/08/Image-by-Frank-Winkler-from-Pixabay-1-1.jpg](https://fooplugins.com/wp-content/uploads/2019/08/Image-by-Frank-Winkler-from-Pixabay-1-1.jpg) Device preview switcher available on desktop devices ### Carousel Demo 2 : Evenly spaced images with manual navigation Live demo [https://fooplugins.com/wp-content/uploads/2025/10/4.jpg](https://fooplugins.com/wp-content/uploads/2025/10/4.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/3.jpg](https://fooplugins.com/wp-content/uploads/2025/10/3.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/2.jpg](https://fooplugins.com/wp-content/uploads/2025/10/2.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/9.jpg](https://fooplugins.com/wp-content/uploads/2025/10/9.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/5.jpg](https://fooplugins.com/wp-content/uploads/2025/10/5.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/8.jpg](https://fooplugins.com/wp-content/uploads/2025/10/8.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/1.jpg](https://fooplugins.com/wp-content/uploads/2025/10/1.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/10.jpg](https://fooplugins.com/wp-content/uploads/2025/10/10.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/7.jpg](https://fooplugins.com/wp-content/uploads/2025/10/7.jpg) [https://fooplugins.com/wp-content/uploads/2025/10/6.jpg](https://fooplugins.com/wp-content/uploads/2025/10/6.jpg) Device preview switcher available on desktop devices ### Create your own WordPress carousel Install FooGallery Free, add your photos and choose the Carousel template. Follow the [setup guide](/documentation/foogallery/appearance-foogallery/carousel-gallery/) to adjust the thumbnail size, spacing and autoplay. [Download Now](/foogallery-wordpress-gallery-plugin/download/) **Included in PRO Starter** ### [Mobile Gallery Settings](/foogallery-wordpress-gallery-plugin/mobile-gallery-settings/) Choose a different maximum number of carousel images and different gaps or overlap on phones. You can also show or hide the navigation arrows and dots separately for mobile. These demos show how the mobile view can be customized differently to desktop. The Carousel layout itself remains free in FooGallery. [Explore PRO Starter](/foogallery-wordpress-gallery-plugin/pro-starter/) [See it in action](#demo) Who this is for? ## Show more photos in a compact space Let visitors browse a photo collection horizontally without scrolling through a long grid. - **Homepages**Show recent work or featured photos alongside your main content. - **Product pages**Let visitors browse product angles, examples or customer photos. - **Landing pages**Show a sequence of project or event photos in one row. ## More FooGallery features Explore more ways to style your galleries and display your photos, with a working demo for each feature. [/foogallery-wordpress-gallery-plugin/hover-presets/](/foogallery-wordpress-gallery-plugin/hover-presets/) ### [Animated Hover Effect Presets](/foogallery-wordpress-gallery-plugin/hover-presets/) FooGallery Pro Starter comes with a selection of pre-styled hover effects. These unique hover presets save you from having to style your own and add a unique style to your galleries. [/foogallery-wordpress-gallery-plugin/gallery-search/](/foogallery-wordpress-gallery-plugin/gallery-search/) ### [Gallery Search](/foogallery-wordpress-gallery-plugin/gallery-search/) Improve user experience with WordPress photo gallery search! FooGallery PRO searches gallery photos to find what you're looking for quickly. [/foogallery-wordpress-gallery-plugin/mobile-gallery-settings/](/foogallery-wordpress-gallery-plugin/mobile-gallery-settings/) ### [Mobile Gallery Settings](/foogallery-wordpress-gallery-plugin/mobile-gallery-settings/) Compare inherited desktop values with mobile-specific FooGallery PRO overrides and a live phone preview. ## Frequently Asked Questions ### What is a WordPress carousel gallery?+ A WordPress carousel gallery displays photos in a horizontal sequence. Visitors use arrows or dots to move through the images, and optional autoplay advances them automatically. FooGallery lets you overlap and scale the thumbnails or keep them equally sized. ### Is FooGallery Carousel free?+ Yes. The Carousel layout, including autoplay, image scaling and navigation, is included in FooGallery Free. Separate Mobile Gallery Settings require PRO Starter. You can [compare PRO plans](https://fooplugins.com/foogallery-wordpress-gallery-plugin/compare-plans/) if you need those extra controls. ### How is Carousel different from Slider PRO?+ The [Slider PRO](https://fooplugins.com/foogallery-wordpress-gallery-plugin/slider-gallery/) layout displays one large image with a thumbnail strip for navigation, without opening a lightbox. Carousel moves through a row of thumbnails, which can open full-size images in a lightbox. ### Can I customize the carousel layout?+ Yes. Set the thumbnail dimensions, maximum visible items, gaps or overlap, image scaling and autoplay timing. You can also adjust borders, hover effects and captions. The [Carousel setup guide](/documentation/foogallery/appearance-foogallery/carousel-gallery/) explains these options. Carousel uses navigation dots rather than gallery paging. ### How do I add a carousel to a WordPress page?+ Install FooGallery Free, create a gallery and add your photos. Choose the Carousel layout and save the gallery. In your page or post, add a FooGallery block and select your gallery, or paste it’s shortcode into a Shortcode block. Follow the [Carousel setup guide](/documentation/foogallery/appearance-foogallery/carousel-gallery/) to adjust the layout and navigation. ### Can I add text or captions to carousel images?+ Yes. Add text to your images in the Media Library or through Manage Items in the gallery editor. In the gallery’s Captions settings, choose which fields supply the title and description, then use Hover Effects to control when captions appear. Standard captions are included in FooGallery Free; advanced custom caption templates require PRO Expert or Commerce. See the [caption settings guide](/documentation/foogallery/appearance-foogallery/captions-settings/) . ### Can carousel images link to another page?+ Yes. Enter a destination in each image’s Custom URL field, then set the gallery’s Thumbnail Link option to Custom URL. This lets a photo link to a project, product or other page instead of opening the full-size image. If Center on Click is enabled, clicking a side image brings it to the center first; click the centered image to follow its link. ### Can visitors open carousel images in a lightbox?+ Yes. Set Thumbnail Link to Full Size Image and choose an available lightbox in the gallery settings. Visitors can then open the larger image without leaving the page. In the first demo above, Center on Click brings a side image to the center before a second click opens it. The second demo opens the image directly. See the [FooGallery lightbox guide](/documentation/foogallery/appearance-foogallery/foogallery-lightbox/) for setup options. Start free ## Build this gallery with FooGallery Free Install FooGallery Free, add your photos and choose the Carousel template to create your own WordPress carousel. [Download FooGallery Free](/foogallery-wordpress-gallery-plugin/download/) [Read Docs](/documentation/foogallery/appearance-foogallery/carousel-gallery/) [More Demos](/foogallery-wordpress-gallery-plugin/demos/)