Title: Eazy Image Slider Block
Author: Tamás
Published: <strong>28 december 2022</strong>
Last modified: 4 april 2024

---

Plugins zoeken

![](https://ps.w.org/eazy-image-slider-block/assets/banner-772x250.png?rev=2840531)

Deze plugin **is niet getest met de laatste 3 grotere versies van WordPress**. Mogelijk
wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen
ontstaan wanneer het wordt gebruikt met recentere versies van WordPress.

![](https://ps.w.org/eazy-image-slider-block/assets/icon-256x256.png?rev=2840531)

# Eazy Image Slider Block

 Door [Tamás](https://profiles.wordpress.org/playwithpixels/)

[Download](https://downloads.wordpress.org/plugin/eazy-image-slider-block.1.0.0.zip)

 * [Details](https://nl.wordpress.org/plugins/eazy-image-slider-block/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/eazy-image-slider-block/#reviews)
 *  [Installatie](https://nl.wordpress.org/plugins/eazy-image-slider-block/#installation)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/eazy-image-slider-block/#developers)

 [Ondersteuning](https://wordpress.org/support/plugin/eazy-image-slider-block/)

## Beschrijving

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)

## Schermafbeeldingen

[⌊The slider in the Twenty Twenty-Three Theme⌉⌊The slider in the Twenty Twenty-Three
Theme⌉[

The slider in the Twenty Twenty-Three Theme

[⌊Slider without arrows⌉⌊Slider without arrows⌉[

Slider without arrows

[⌊Slider without dots⌉⌊Slider without dots⌉[

Slider without dots

[⌊Settings in the admin editor⌉⌊Settings in the admin editor⌉[

Settings in the admin editor

[⌊And the result on the page⌉⌊And the result on the page⌉[

And the result on the page

[⌊Unrestricted height of the slides⌉⌊Unrestricted height of the slides⌉[

Unrestricted height of the slides

## Blokken

Deze plugin heeft 1 blok.

 *   Image Slider Eazy slider for images

## Installatie

 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.

## Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

## Bijdragers & ontwikkelaars

“Eazy Image Slider Block” is open source software. De volgende personen hebben bijgedragen
aan deze plugin.

Bijdragers

 *   [ Tamás ](https://profiles.wordpress.org/playwithpixels/)

[Vertaal “Eazy Image Slider Block” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/eazy-image-slider-block)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/eazy-image-slider-block/),
haal de [SVN repository](https://plugins.svn.wordpress.org/eazy-image-slider-block/)
op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/eazy-image-slider-block/)
via [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

 *  Versie **1.0.0**
 *  Laatst geüpdatet **3 jaar geleden**
 *  Actieve installaties **Minder dan 10**
 *  WordPress versie ** 6.1 of nieuwer **
 *  Getest t/m **6.5.13**
 *  PHP versie ** 7.4 of nieuwer **
 *  Taal
 * [English (US)](https://wordpress.org/plugins/eazy-image-slider-block/)
 * Tags
 * [block](https://nl.wordpress.org/plugins/tags/block/)[carousel](https://nl.wordpress.org/plugins/tags/carousel/)
   [easy](https://nl.wordpress.org/plugins/tags/easy/)[Gutenberg block](https://nl.wordpress.org/plugins/tags/gutenberg-block/)
   [image slider](https://nl.wordpress.org/plugins/tags/image-slider/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/eazy-image-slider-block/advanced/)

## Waarderingen

Er zijn nog geen beoordelingen ingediend.

[Je beoordeling](https://wordpress.org/support/plugin/eazy-image-slider-block/reviews/#new-post)

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/eazy-image-slider-block/reviews/)

## Bijdragers

 *   [ Tamás ](https://profiles.wordpress.org/playwithpixels/)

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/eazy-image-slider-block/)

## Doneren

Wil je de groei van deze plugin ondersteunen?

 [ Doneer aan deze plugin ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QQMET2BDE8CJC&source=url)