With this widget, you can create image galleries with unique image transition effects on a mouse click.
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- This is a pro widget, so make sure you have either WDesignKit pro license or have activated The Plus Addons for Elementor pro key in your WDesignKit account.
- Make sure you’ve downloaded the Messy Image Gallery widget.
How to Activate the Messy Image Gallery Widget?
Go to
- WDesignKit → Widgets.
- Search the widget name and select Elementor as the Page Builder.
- Click on the Download icon.
How to Use the Messy Image Gallery Widget in Elementor?
Add the Messy Image Gallery widget to the page.
Image
In the Gallery section, you have to add the images for the gallery.
Then you can set the image gallery column for desktop, tablet and mobile separately.
Animation
In this tab you’ll find options to control the image animation when clicked.
From the Transition dropdown, you can select a pre-defined transition.
You can control the transition duration from the Duration field.
From the Skew field, you can manage the image skew on click.
Then from the Scale field, you can control the image scaling on click.
You can control the image rotation on click from the Rotation field.
From the Distance field, you can manage how much the closest images will spread when an image is clicked.
Then from the Style tab, you can manage the image gap, margin, border etc.
