Shader Carousel

描述

Shader Carousel lets you showcase images, videos, or custom items in a sleek Shader/3D carousel layout with full integration with Revolution Lightbox.
It’s fast, accessible, and fully customizable. Works with Gutenberg and classic shortcodes.

Highlights

Experience a true 3D Shader carousel built with WebGL and Three.js.
Enjoy smooth infinite scrolling and realistic item bending for a visually immersive effect with Revolution Lightbox support.

Main Features

  • Responsive Layout – Fully responsive and adaptable to any device.
  • Desktop & Mobile Optimized – iPhone, Android, and desktop browsers supported.
  • Lazy Scrolling/Loading – Loads only when visible, improving performance.
  • Customizable Size – Set any width, height, and aspect ratio.
  • Multiple Display Types – Responsive or afterparent mode.
  • Preloader – Optional animated preloader.
  • Items Ratio – Portrait, landscape, or custom format.
  • Infinite Loop – Optional infinite loop and non-infinite loop.
  • Lightbox Video/Audio Support – Supports:
  • Private Video & Audio – Password-protected content inside the lightbox.
  • Chromecast Support – Cast MP4, MP3, or HLS/m3u8 files to TV and control playback.
  • Video Thumbnails Live Preview – Auto-generated from VTT files.
  • Subtitle Support – Display subtitles inside the lightbox.
  • Automatic Content DetectionRevolution Lightbox detects media type from URL.
  • Slideshow Autoplay – Autoplay slideshow for both carousel and lightbox.
  • Drag & Swipe – Touch gestures and mouse drag support.
  • Maximize & Minimize – Double-click/tap to zoom with custom zoom factor.
  • Share Button – Share to nine social platforms; customizable order.
  • Noise DistortionExample.
  • Caption Support – Optional CSS-styled captions.
  • Mouse Ripple EffectExample.
  • Black & White EffectExample.
  • Opacity Strength – Custom opacity for non-centered items.
  • Snap – Auto-snap the closest item to center.
  • Scroll Speed & Scale Strength – Fine-tune scroll behavior.
  • Default & Scroll Curvature – Adjust curvature at rest and during scroll.
  • Liquid Distortion – Customizable liquid distortion.
  • Post Processing EffectsGrid, Fluid, Glitch, After Image, and more.

Use Cases

  • Product carousels
  • 3D carousels
  • Portfolio galleries
  • Product sliders
  • Testimonials or logos
  • Hero sliders
  • Interactive media presentations

Links

Shortcode

Basic example:

[fadsc preset_name=”Carousel 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.

  • Source code & build tools — includes original uncompiled files and Vite build configuration as well as a detailed documentation
  • Distributed plugin uses a compiled build generated by Vite for optimal performance.

螢幕截圖

安裝

  1. Upload the plugin folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Use the provided shortcode in your posts or pages.

常見問題

Does it work with Gutenberg?

Yes. You can use the shortcode in any block or the Classic block.

Is it mobile-friendly?

Yes. Shader Carousel is fully responsive and optimized for touch.

Can I use it with external media?

Yes, it supports many external media types (YouTube, Vimeo, Google Drive, etc.).

評價

There are no reviews for this plugin.

貢獻者及開發者

“Shader Carousel” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Shader Carousel 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

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

修改日誌

1.0

  • Initial release.