PIBE – Parallax Image Block and Effects

描述

PIBE (Parallax Image Block and Effects) is a flexible and user-friendly Gutenberg block that allows you to add modern, animated images to your pages with ease. Whether you want to add depth with parallax, capture your visitors’ attention with hover transitions, or highlight content with stylish overlays, PIBE makes it simple.

🌟 Key Features

  • 🎢 Parallax effect with adjustable speed and direction
  • 🔍 Zoom and focus point controls for perfect alignment
  • 📱 Responsive design for all devices
  • 🎨 Customizable overlays with color and transparency settings
  • 🧲 Scroll animations (fade, slide, zoom, and more)
  • 🖱️ Hover effects (blur, grayscale, contrast, brightness, etc.)
  • 🔧 Overlay content – add titles, subtitles, or even full blocks
  • ⚡ Built with performance in mind (requestAnimationFrame-based)

螢幕截圖

  • Animated block preview in the editor
  • Example of a parallax image with overlay text
  • Settings panel with animation controls
  • Responsive behavior on tablet and mobile

Blocks

This plugin provides 1 block.

  • Parallax Image

安裝

  1. Install it directly from the WordPress plugin directory or upload the plugin files to /wp-content/plugins/pibe
  2. Activate the plugin through the “Plugins” screen in WordPress.
  3. Go to the editor and add the Parallax Image block.

常見問題

Does it work with any theme?

Yes, it’s designed to work with any modern, block-compatible theme.

Can I use multiple PIBE blocks on a single page?

Absolutely – you can add as many as you’d like, each with its own settings.

Is it compatible with the Site Editor (Full Site Editing)?

Yes, PIBE works seamlessly in both the post/page editor and Full Site Editing.

評價

There are no reviews for this plugin.

貢獻者及開發者

“PIBE – Parallax Image Block and Effects” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

修改日誌

1.0.1

  • Added the value 0 for Parallax speed
  • Added a slider for Animation strength
  • The image is now linkable

1.0.0

  • Initial release