Eazy Image Slider Block
Eazy Image Slider Block adds an easy to use and configurable slider block.
Plugin info
Maintenance & Compatibility
Maintenance score
Possibly abandoned • Last updated 636 days ago
Is Eazy Image Slider Block abandoned?
Possibly abandoned (last update 636 days ago).
Compatibility
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
Description
The Eazy Image Slider Block plugin adds a simple to use and easy to configure image slider block to the Gutenberg editor based on Tiny Slider 2.
You can configure following options:
- Slides to show
- Slides to slide by
- Show arrows
- Show dots
- Automatic slide width
- Center the slides
- Restrict the height of the images
- Gutter between the slides
- Edge padding
Credits
Installation
- Install Plugin through the WordPress Admin Interface ‘Plugins > Add new’
- Activate the plugin
- Done!
OR
- Upload
eazy-image-slider-blockto the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Done!
Frequently Asked Questions
Yes, currently only via CSS. The selectors for the buttons are:
.eazy-image-slider .tns-nav button
and for the active state:
.eazy-image-slider .tns-nav button.tns-nav-active
Example you can put in your themes style.css:
.eazy-image-slider .tns-nav button {
background-color: #fcc;
}
.eazy-image-slider .tns-nav button.tns-nav-active {
background-color: #e22;
}
Yes, same applies as for the dots, currently only via CSS.
.eazy-image-slider .tns-controls button:before
and for the hover state:
.eazy-image-slider .tns-controls button:hover:before
Example you can put in your themes style.css:
.eazy-image-slider .tns-controls button:before {
background-color: #fcc;
}
.eazy-image-slider .tns-controls button:hover:before {
background-color: #e22;
}
Yes, to do so, simply add following lines to your themes functions.php:
For the styles:
function eazyimageslider_remove_style() {
wp_dequeue_style( 'eazy-image-slider-style' );
}
add_action( 'wp_enqueue_scripts', 'eazyimageslider_remove_style', 99 );
For the script:
function eazyimageslider_remove_script() {
wp_dequeue_script( 'eazy-image-slider-view-script' );
}
add_action( 'wp_enqueue_scripts', 'eazyimageslider_remove_script', 99 );
VH is a unit relative to the viewport. Which means if you set your slides height to be restricted to 50vh, the slides will have the height of 50% of the viewport.
Review feed
Changelog
1.0.0
- Initial Eazy Image Slider Block release. 🚀





