Title: Image Carousel Module for Divi Author: learnhowwp Published: 2020 年 9 月 19 日 Last modified: 2025 年 7 月 20 日 --- 搜索插件 ![](https://ps.w.org/image-carousel-divi/assets/banner-772x250.jpg?rev=3295833) ![](https://ps.w.org/image-carousel-divi/assets/icon-256x256.jpg?rev=3295833) # Image Carousel Module for Divi 作者：[learnhowwp](https://profiles.wordpress.org/themeythemes/) [下载](https://downloads.wordpress.org/plugin/image-carousel-divi.1.0.1.zip) * [详情](https://cn.wordpress.org/plugins/image-carousel-divi/#description) * [评价](https://cn.wordpress.org/plugins/image-carousel-divi/#reviews) * [开发进展](https://cn.wordpress.org/plugins/image-carousel-divi/#developers) [支持](https://wordpress.org/support/plugin/image-carousel-divi/) ## 描述 Add image carousels on your website with the Divi Image Carousel plugin. This plugin adds a new Image Carousel module in the Divi Builder. Once you activate the plugin a new module will appear in your module list by the name of Image Carousel. You can then use the module to add an Image Carousel anywhere inside the Divi Builder. Transform your Divi website with the **Image Carousel Module for Divi**, the ultimate solution for creating stunning, responsive image carousels and sliders. Whether you’re showcasing portfolios, products, team showcases, or galleries, this powerful Divi module gives you complete control over design, layout, and animation. With seamless integration into the Divi Builder, the Image Carousel Module allows you to add visually appealing sliders anywhere on your website. Choose from multiple layouts, including Center Mode, Synced Slider, and Vertical Slider, and customize every aspect of your carousel to match your website’s style and functionality. ### Why Choose Image Carousel Module for Divi? * **Fully Responsive:** Adjust slides count, scroll, arrows, and dots for desktop, tablet, and mobile. * **Multiple Layouts:** Choose from Default, Center Mode, Synced Slider, or Vertical Slider layouts. * **Customizable Navigation:** Show or hide arrows and dots, and style them with custom colors, backgrounds, and positions. * **Advanced Animation Options:** Enable autoplay, infinite looping, and set animation speeds for smooth transitions. * **SEO-Friendly:** Add alt and title attributes to images for better accessibility and search engine optimization. * **Design Flexibility:** Customize borders, box shadows, and padding for images, center images, and main images. * **Easy to Use:** No coding required—just drag, drop, and customize in the Divi Builder. ### Key Features: * **Visual Builder Integration:** Add and edit carousels directly in the Divi Visual Builder. * **Autoplay Animation:** Automatically scroll through images with adjustable animation speed. * **Infinite Animation:** Enable seamless looping for a continuous carousel experience. * **Center Mode Layout:** Highlight the center image with customizable padding and styling. * **Synced Slider Layout:** Sync a thumbnail carousel with a larger image slider for better navigation. * **Responsive Controls:** Adjust slides count, scroll, arrows, and dots for different devices. * **Custom CSS Easing:** Choose from ease, linear, ease-in, ease-out, or ease-in- out for smooth animations. * **Arrow and Dot Customization:** Style navigation elements with custom colors, hover effects, and positions. * **Border and Box Shadow Styling:** Add borders and shadows to images for a polished look. ### How It Works: 1. **Activate the Plugin:** Once activated, the “Image Carousel” module will appear in your Divi Builder module list. 2. **Add the Module:** Drag and drop the Image Carousel module into any section of your Divi layout. 3. **Customize Your Carousel:** Select images, adjust layout settings, enable animations, and style navigation elements—all from the intuitive module settings panel. 4. **Publish and Enjoy:** Save your changes and watch your carousel come to life on your website. ### Demo & Tutorial: * [Divi Image Carousel Demo](https://www.learnhowwp.com/divi-image-carousel-plugin/) * [How to Create an Image Carousel in Divi](https://www.learnhowwp.com/how-to-create-image-carousel-divi-free-plugin/) **More Free Divi Plugins** * [Divi Post Carousel Module](https://wordpress.org/plugins/post-carousel-divi/) * [Divi Contact Form DB](https://wordpress.org/plugins/contact-form-db-divi/) * [Divi Overlay on Images Module](https://wordpress.org/plugins/overlay-image-divi-module/) * [Divi Menu Cart Module](https://wordpress.org/plugins/menu-cart-divi/) * [Divi Flip Cards Module](https://wordpress.org/plugins/flip-cards-module-divi/) * [Divi Breadcrumbs Module](https://wordpress.org/plugins/breadcrumbs-divi-module/) If you have any questions or feature ideas please create a new thread in Support. ## 屏幕截图 * [[ * [[ * [[ ## 常见问题 ### Where can I access the module? After you activate the plugin a module should automatically appear in the module list. The name of the module is Image Carousel ### Where can I select the Images to show in the Carousel ? You can select the images that you want to show in the carousel at Module Settings > Content > Images. ### Does the carousel have autoplay animation or automatic animation option? You can enable autoplay for the carousel in Module Settings > Design > Carousel Animation > Autoplay. When you set it to Yes it will also enable the setting for animation speed. ### Does the carousel have infinite scroll or infinite animation option? You can enable infinite animation for the carousel in Module Settings > Design > Carousel Animation > Infinite Animation. ### Change I hide the arrows and dots? The setting to show or hide the arrows and dots can be found under Module Settings > Content > Elements. ### Change I change the number of images in the carousel? You can change the number of images on each slide of carousel in Module Settings > Content > Elements > Slides Count. ### Change I change the number of images that scroll when arrow is clicked or on autoplay? You can change the number of images that scroll by changing the Slides Scroll setting at Module Settings > Content > Elements > Slides Scroll. ## 评价 ![](https://secure.gravatar.com/avatar/64690c1cf4f51f0a8c6aff04706b4a4a8e83a6d3a31f6a570442b06f9be31081? s=60&d=retro&r=g) ### 󠀁[I love it](https://wordpress.org/support/topic/i-love-it-1024/)󠁿 [magenbrot](https://profiles.wordpress.org/magenbrot/) 2025 年 10 月 26 日 Easy setup, seamlessly works with Divi. Perfect, Thank you! ![](https://secure.gravatar.com/avatar/65a21c8c1bddb222e530f03d8c8af603bbe25ff5ab475f46159c5ba3e168212d? s=60&d=retro&r=g) ### 󠀁[Simple and effective!!](https://wordpress.org/support/topic/simple-and-effective-1656/)󠁿 [aeawebmaster](https://profiles.wordpress.org/aeawebmaster/) 2025 年 10 月 14 日 Fantastic plugin, simple and does everything it needs to do. ![](https://secure.gravatar.com/avatar/a7468928f8180518827255513f9f4adbe89c1db1a080dea88b02f400a2cc1be1? s=60&d=retro&r=g) ### 󠀁[Would be great if you could add custom links per image](https://wordpress.org/support/topic/would-be-great-if-you-could-add-custom-links-per-image/)󠁿 [micscr](https://profiles.wordpress.org/micscr/) 2024 年 6 月 13 日 Plugin is great to showcase images smooth and easily. However, it really lacks some feature like custom image hyperlinks, so you have to switch to other plugins again anyway unfortunately. ![](https://secure.gravatar.com/avatar/362d3266bbe3c200945de236721a5b861367daee0bf14166060db17fe23bcb09? s=60&d=retro&r=g) ### 󠀁[Needs to load only where needed and no support](https://wordpress.org/support/topic/needs-to-load-only-where-needed-and-no-support/)󠁿 [invisionary](https://profiles.wordpress.org/invisionary/) 2024 年 2 月 6 日 This is a good plugin but like many others for DIVI (for e.g. DIVI Breadcrumbs) it hasn’t received any updates for some time and support seems to have gone away. The main issue with it is that it loads on every page instead of only where needed. ![](https://secure.gravatar.com/avatar/dd81890a4fde8219932dd8520ec1e975e90fa201166062542bcca2be362c41e1? s=60&d=retro&r=g) ### 󠀁[Easy to use](https://wordpress.org/support/topic/easy-to-use-4711/)󠁿 [lykkemedia](https://profiles.wordpress.org/lykkemedia/) 2023 年 5 月 22 日 Nice and easy, thank you for this plugin 🙂 ![](https://secure.gravatar.com/avatar/6f1037bd5ae8a16277447b17f1d02ef4961342577abf130688f5ef33257f294b? s=60&d=retro&r=g) ### 󠀁[Great Module!](https://wordpress.org/support/topic/great-module-19/)󠁿 [dasilvarosa](https://profiles.wordpress.org/dasilvarosa/) 2023 年 5 月 11 日 Exactly what I was looking for. A simple and good-looking image slider. [ 阅读所有16条评价 ](https://wordpress.org/support/plugin/image-carousel-divi/reviews/) ## 贡献者及开发者 「Image Carousel Module for Divi」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ learnhowwp ](https://profiles.wordpress.org/themeythemes/) [帮助将「Image Carousel Module for Divi」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/image-carousel-divi) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/image-carousel-divi/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/image-carousel-divi/)，或通过[RSS](https://plugins.trac.wordpress.org/log/image-carousel-divi/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/image-carousel-divi/)。 ## 更新日志 =1.0.1= * Added support for configuring cssease (CSS easing options). * Added rating notice. * Fixed PHPCS errors using phpcbf and added missing doc comments for better code quality. * Escaped output in lwp_hook_css function. * Added nonce verification in lwp_get_carousel_images function. * Removed default null value from $content parameter in render() method to fix warning. * Replaced json_encode() with wp_json_encode() for safer JSON encoding in WordPress. =1.0= * Added option for speed animation. * Added option for adaptive height. * Fixed center padding working incorrectly in Visual Builder. * Added title attribute on images. * Fixed box shadow transition from last slide to first slide in center mode. =0.9.6= * Added option for border and box shadow for the center image in center mode * Fixed center image not changing size in Visual Builder * Removed text style options from module settings * Added setting to change center padding in center mode * Fixed issue with carousel not working in WordPress 5.6 =0.9.5= * Added vertical slider option for default and centered sliders * Fixed dots controls not working in the Visual Builder =0.9.4= * Switched to using Divi icon for arrows and dots from slick font * Added arrow background option * Added arrow position options * Added hover controls on arrow color =0.9.3= * Added Synced Slider layout option * Fixed jumping image issue in default slider * Added custom links on the plugins page =0.9.2= * Fixed an issue where sometimes the slider will break when responsive controls are used on Slides Show and Slides Scroll * Added Center Mode layout option* Added styling option for Images =0.9.1= * Added responsive options to image count, slides scroll, arrows and dots controls. * Added pause on hover option to the carousel * Fixed description text for some fields in the module ## 额外信息 * 版本 **1.0.1** * 最后更新：**9 月前** * 活跃安装数量 **9,000+** * WordPress 版本 ** 5.0 或更高版本 ** * 已测试的最高版本为 **6.8.5** * PHP 版本 ** 7.0 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/image-carousel-divi/) * 标签 * [divi](https://cn.wordpress.org/plugins/tags/divi/)[divi carousel](https://cn.wordpress.org/plugins/tags/divi-carousel/) [divi module](https://cn.wordpress.org/plugins/tags/divi-module/)[Image carousel](https://cn.wordpress.org/plugins/tags/image-carousel/) * [高级视图](https://cn.wordpress.org/plugins/image-carousel-divi/advanced/) ## 评级 4.6 星（最高 5 星）。 * [ 13 条 5 星评价 ](https://wordpress.org/support/plugin/image-carousel-divi/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/image-carousel-divi/reviews/?filter=4) * [ 2 条 3 星评价 ](https://wordpress.org/support/plugin/image-carousel-divi/reviews/?filter=3) * [ 1 条 2 星评价 ](https://wordpress.org/support/plugin/image-carousel-divi/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/image-carousel-divi/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/image-carousel-divi/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/image-carousel-divi/reviews/) ## 贡献者 * [ learnhowwp ](https://profiles.wordpress.org/themeythemes/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/image-carousel-divi/)