內容簡介
Majestic Before After Image 是一個 Elementor 外掛，用於顯示帶有可拖曳手柄的兩張圖片比較。它支援垂直和水平方向。這是最好的用來將兩張圖片並列放置，以示兩者之間的差異的比較插件。
訪客可以拖曳手柄的位置以比較圖片。此外，它還支援滑鼠懸停時手柄的移動。此外，您可以啟用文本模式並添加自定義文本如「拖曳」、「Vs」、「滑動」等，使其對您的訪客更具意義。
查看示範 | 查看詳細資訊 | 支援
主要特點
水平/垂直方向
手柄運動控制 - 滑動或懸停
可自訂的 before 和 after 標籤
標籤顯示性 - 滑鼠懸停時、始終或從不
啟用/禁用疊加
預設手柄偏移位置
多個手柄風格
手柄類型 - 箭頭或文本
圖片尺寸選項
字體和顏色選項
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Before After Image lets visitors drag a handle to compare two images side-by-side.
Works in three ways — use whichever fits your site:
Shortcode — You can you shortcodes on any post or page. Use the built-in shortcode builder to generate shortcodes easily.
Elementor widget — drag and drop the widget onto any page with full style controls.
WooCommerce — attach a before/after comparison to any product directly from the product editor.
View Demo
Full usage instructions, shortcode options, and WooCommerce setup steps are available inside the plugin under the Before After Image menu.
Key Features
Works standalone via shortcode — Elementor and WooCommerce are both optional
WooCommerce product integration with per-product settings
Elementor widget with full style controls
Horizontal and vertical orientation
Handle movement by drag or mouse hover
Customisable before/after labels (on hover, always, or never)
Enable/disable overlay
Default handle offset position
Six handle styles
Handle types: Arrows or Text
Slider colour — white or black (line, handle, and arrows)
Image size option
Typography and colour options (Elementor)
Touch and pointer-event support
Before After Image Pro
Want more features? Check out Before After Image Pro:
Auto-Slide Animation — Grab attention with an automatically sweeping handle. Configure speed and pause-on-hover behavior.
3-Image Comparison — Show before, during, and after with two draggable handles.
Full-Screen View — Let visitors zoom in with a button to expand the slider to full screen.
Custom Colors — Fine-tune the line, circle, and arrows independently to match your brand.
Rounded Corners — Add subtle to fully rounded corners for a polished look.
Shortcode Manager — Save and reuse slider configurations with [mbai_preset id="..."] shortcodes.
Premium Support — Get priority support and automatic updates.
Get Before After Image Pro
