Divi Image Accordion Module

Display content on your images with elegant accordion image sliders – vertical and horizontal ones. The Image According module of Divi Plus enables you to turn simple images into stylish one and show content on them when users hover or click on them. Add read more links, change text style and much more to make the Divi image accordion fit the website’s design scheme.

On hover Horizontal Image Accordion Style

With the Divi Plus Image Accordion module, it’s easy to create attractive horizontal image accordions with titles, content and read more links. Plus, you can choose to set the accordion to work when users hover on the images. To feel the accordion’s power, hover over the below accordion images.

Nagano Prefecture

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

yosemite mountain

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

amazon rainforest

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Göreme Valley

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Create Stunning Image Accordion

Customization Options to Fit Your Needs

Other than creating beautiful image accordions, the module also allows you to enhance the functionality as well as look of those using the different additional customization settings. For instance, you can place content on different locations, what to display when the accordion is not active (Icon, title or both), change accordion transition duration, images’ size; set different content animations and much more.

On Click Vertical Image Accordion Style

In addition to the horizontal image accordion, you can also create vertical one’s using the Divi Plus Image Accordion module. With that, you can set the accordion to work when the user clicks on a particular image to reveal the information. Try the below accordions to check out how the vertical and on click image accordion works. If you’re curious, then know that vertical image accordion could also be created with on hover interaction. Interesting, right!

*

Vertical Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Click to Open

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
N

Change Default State

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.