This block lets you create image galleries with unique transition effects that activate when you click on an image.
Required Setup
- Nexter Blocks 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 block, so make sure you have either WDesignKit pro license or have activated Nexter Blocks pro key in your WDesignKit account.
- Make sure you’ve downloaded the Messy Image Gallery block.
How to Activate the Messy Image Gallery Block?
Go to
- WDesignKit → Widgets.
- Search the block name and select Gutenberg as the Page Builder.
- Click on the Download icon.
How to Use the Messy Image Gallery Block in WordPress?
Add the Messy Image Gallery block 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.
