Title: Eazy Image Slider Block Author: Tamás Published: December 28, 2022 Last modified: April 4, 2024 --- Search plugins ![](https://ps.w.org/eazy-image-slider-block/assets/banner-772x250.png?rev=2840531) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/eazy-image-slider-block/assets/icon-256x256.png?rev=2840531) # Eazy Image Slider Block By [Tamás](https://profiles.wordpress.org/playwithpixels/) [Download](https://downloads.wordpress.org/plugin/eazy-image-slider-block.1.0.0.zip) * [Details](https://test.wordpress.org/plugins/eazy-image-slider-block/#description) * [Reviews](https://test.wordpress.org/plugins/eazy-image-slider-block/#reviews) * [Installation](https://test.wordpress.org/plugins/eazy-image-slider-block/#installation) * [Development](https://test.wordpress.org/plugins/eazy-image-slider-block/#developers) [Support](https://wordpress.org/support/plugin/eazy-image-slider-block/) ## 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](https://github.com/ganlanyuan/tiny-slider). 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 [Tiny Slider 2](https://github.com/ganlanyuan/tiny-slider) [Tiny Slider React](https://github.com/jechav/tiny-slider-react) ## Screenshots * [[ * The slider in the Twenty Twenty-Three Theme * [[ * Slider without arrows * [[ * Slider without dots * [[ * Settings in the admin editor * [[ * And the result on the page * [[ * Unrestricted height of the slides ## Blocks This plugin provides 1 block. * Image Slider Eazy slider for images ## Installation 1. Install Plugin through the WordPress Admin Interface ‘Plugins > Add new’ 2. Activate the plugin 3. Done! OR 1. Upload `eazy-image-slider-block` to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Done! ## FAQ ### Can I change the dots color? 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; } ``` ### Can I change the arrows color? 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; } ``` ### Can I disable the style / script loading entirely? 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 ); ``` ### What does vh mean in the restrict slides height setting? 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. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Eazy Image Slider Block” is open source software. The following people have contributed to this plugin. Contributors * [ Tamás ](https://profiles.wordpress.org/playwithpixels/) [Translate “Eazy Image Slider Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/eazy-image-slider-block) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/eazy-image-slider-block/), check out the [SVN repository](https://plugins.svn.wordpress.org/eazy-image-slider-block/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/eazy-image-slider-block/) by [RSS](https://plugins.trac.wordpress.org/log/eazy-image-slider-block/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial Eazy Image Slider Block release. 🚀 ## Meta * Version **1.0.0** * Last updated **2 years ago** * Active installations **Fewer than 10** * WordPress version ** 6.1 or higher ** * Tested up to **6.5.8** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/eazy-image-slider-block/) * Tags * [block](https://test.wordpress.org/plugins/tags/block/)[carousel](https://test.wordpress.org/plugins/tags/carousel/) [easy](https://test.wordpress.org/plugins/tags/easy/)[Gutenberg block](https://test.wordpress.org/plugins/tags/gutenberg-block/) [image slider](https://test.wordpress.org/plugins/tags/image-slider/) * [Advanced View](https://test.wordpress.org/plugins/eazy-image-slider-block/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/eazy-image-slider-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/eazy-image-slider-block/reviews/) ## Contributors * [ Tamás ](https://profiles.wordpress.org/playwithpixels/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/eazy-image-slider-block/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QQMET2BDE8CJC&source=url)