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.

스크린샷

  • Shader Carousel example with image gallery
  • 3D carousel layout with lightbox
  • Mobile responsive view

설치

  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.

FAQ

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.).

후기

이 플러그인에 대한 평가가 없습니다.

기여자 & 개발자

“Shader Carousel”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Shader Carousel”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

1.0

  • Initial release.