WordPress.org

Français

Obtenir WordPress
WordPress.org

Plugin Directory

Image Slider Block

Image Slider Block

Par Anna Schneider
Télécharger

Description

Create a fully responsive image slider as a native block — and nothing more. One simple block with everything it needs.

Version 3.0 removes jQuery and the slick carousel library entirely. The slider is now powered by native CSS scroll-snapping and a tiny script, so it is faster, works before JavaScript loads, and its assets are only loaded on pages that actually contain a slider.

Features:

  • Simple image slider with fade or scroll effect
  • Autoplay with separate « time between slides » and transition speed settings, plus pause on hover
  • Optional arrow and dot navigation
  • Optional infinite looping
  • Crop images to a uniform ratio, or keep natural sizes with adaptive height
  • Image linking to the media file, attachment page or a custom URL
  • Choose the image resolution used in the slider
  • Accessible: play/pause button, keyboard navigation, screen-reader labels, respects reduced-motion preferences
  • Lightweight: no jQuery, no external libraries, assets load only where the block is used

Captures d’écrans

The Slider block with its settings
The Slider block with its settings
The rendered Slider in a post
The rendered Slider in a post

Blocs

Cette extension fournit 1 bloc.

  • Image Slider Block Display multiple images in an elegant, lightweight slider.

Installation

  1. Upload the extracted plugin files to the /wp-content/plugins directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the « Plugins » menu in WordPress.
  3. Find the Image Slider block in the Media category of the block inserter.

FAQ

Can I change the arrow or dot icons?

There is no setting for this, but the controls are plain buttons (.isb-arrow, .isb-dots button, .isb-pause) that you can restyle with custom CSS.

Will my existing sliders keep working after updating to 3.0?

Yes. Sliders created with older versions keep working on the frontend as they are, and are upgraded to the new format automatically the next time you edit the post.

Avis

Perfect for its task

25 juillet 2023
What a wonderful plugin. I’ve been looking for a slider plugin days now, and this one is, which exactly fulfills this one task. Without being overwhelmed by a large number of options. Without cluttering up the backend with extra menus and advertising. No upgrades, no features, just a simple block, with everything it needs. Thanks for that.

Easy-to-use and effective plugin 

21 février 2023
I loved using Image Slider Blocks and found it a lightweight and simple plugin. It made my work easier! The plugin works smoothly and doesn’t demand massive memory use, which is a great advantage.

Please fix this

13 décembre 2021
Hi, i like simple blocks and your block is such a block. Must the most necessary features – no unnecessary stuff or confusing settings. But this code block needs to be « is_admin() » only: wp_register_style( 'oacs-image-slider-blocks', plugins_url( 'css/editor.css', __FILE__ ), array( 'wp-edit-blocks' ), filemtime( plugin_dir_path( __FILE__ ) . 'css/editor.css' ) ); wp_enqueue_style( 'oacs-image-slider-blocks');

Great simple images slider

9 décembre 2021
This is exactly what I was looking for three simple images on a site. No need to do 10,000 options, massive memory use or other fluff. This works perfectly!

Simple and efficient: great job !

29 mars 2020
It works out of the box and do exactly what I was searching for : a simple and responsive slider that can replace the Gutenberg gallery block. It is so rare now to find such light plugin. Keep up this good work !
Lire les 8 avis

Contributeurs/contributrices & développeurs/développeuses

« Image Slider Block » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Image Slider Block” a été traduit dans 1 locale. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Image Slider Block » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal des modifications

3.0.0

  • Replaced jQuery and the slick library with a dependency-free slider built on native CSS scroll-snap
  • Fixed unstable image sizes on WordPress 6.7+ — images are now saved with explicit dimensions
  • Slider scripts and styles now load only on pages that contain the block
  • Fixed « Pause on hover » never being applied on the frontend
  • New: separate autoplay interval (« Time between slides ») and transition speed settings
  • New: infinite loop toggle, image crop toggle and image resolution setting
  • New: reorder images directly in the editor
  • New: accessible controls — play/pause button, keyboard navigation, screen-reader labels; reduced-motion preference is respected
  • The editor now shows a true slider preview
  • Existing sliders are migrated automatically when the post is next edited

2.0.1

  • Bug fixes

2.0

  • Added feature for adaptive height
  • Added feature for pause on hover
  • Added feature to use custom URL and open in a new tab
  • Updated to Blocks API version 2.0

1.1

  • Bug fixes

1.0

  • Initial release

Méta

Évaluations

4.5 sur 5 étoiles.

Votre avis

Tout voir

Support

Quelque chose à dire ? Besoin d’aide ?

Voir le forum de support