Izubizu Slider

外掛說明

Izubizu Slider is a next-generation media slider for WordPress and WooCommerce, built with Three.js and custom GLSL shaders.

It is designed for product galleries, visual storytelling, and premium portfolio layouts, with smooth drag interaction, responsive scaling, and advanced post-processing controls.

The slider includes cinematic transition workflows with 19 transition types and 16 text transition types, plus preset-based setup for fast production use.

You can run it full-width, boxed, or embedded inside any container, and fine-tune flowmap, RGB shift, noise pass, captions, helper behavior, and interaction timing.

Documentation and Links

Main Features

  • 19 media transition types for cinematic slide changes.
  • 16 text transition types for animated caption titles.
  • Responsive setup with max width, max height, and auto-scale start width.
  • Auto-scale behavior tuned for desktop and mobile breakpoints.
  • Optional initialize-when-visible lazy loading.
  • Display modes for full-width, boxed, or embedded layouts.
  • Intro animation support for first-slide reveal.
  • Infinite and non-infinite carousel workflows.
  • Caption support with safe inline HTML and link styling.
  • Drag interaction with configurable drag speed and drag friction.
  • Hand cursor helper with custom text, sprite color, text color, radius, delay, and repeat count.
  • Background and mask controls for different art directions.
  • Built-in preloader and optional GUI support.
  • Wave distortion controls (frequency and amplitude).
  • Flowmap distortion controls (amount, strength, radius, sensitivity, force, falloff).
  • RGB shift controls, including flowmap RGB shift behavior.
  • Noise pass controls (enable, size, fade size, blur strength, fade color).
  • Image and video media support.
  • WooCommerce integration for product galleries.

Included Presets

  • Slider preset 1: Flowmap distortion and RGB shift.
  • Slider preset 2: Non-infinite version.
  • Slider preset 3: Noise post-processing effect.
  • Slider preset 4: Embed the slider anywhere on your page at any size.

Shortcode

Basic usage:

[fwdis preset_name=”Slider preset 1″ gallery_name=”My gallery”]

Development

This plugin’s full source code is publicly available for transparency and verification.
Developed and maintained by FutureWebDesign.

螢幕擷圖

安裝方式

  1. Upload the plugin folder to the /wp-content/plugins/ directory.
  2. Activate the plugin in WordPress.
  3. Open Izubizu Slider in the admin menu.
  4. Configure a preset in Presets Manager.
  5. Create a gallery in Galleries Manager.
  6. Insert the shortcode into a page, post, or product description.

常見問題集

Does it work with Gutenberg?

Yes. You can place the shortcode in Gutenberg blocks, Classic editor content, and custom builder content.

Does it support WooCommerce products?

Yes. It can be used in WooCommerce product descriptions and integrated as a product media experience.

Is it mobile friendly?

Yes. The slider supports responsive behavior and touch interaction.

Can I use captions with custom styling?

Yes. Captions support safe inline HTML for styled title/description structures.

How many transitions are included?

Izubizu Slider includes 19 media transition types and 16 text transition types.

Can I embed it in custom page sections?

Yes. You can use full-width, boxed, or embedded display modes to fit hero areas, content sections, and custom layouts.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Izubizu Slider〉的開發相關工作。

參與者

將〈Izubizu Slider〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄