內容簡介
BaqFlo BeforeAfter 外掛幫助用戶以清晰、互動的方式展示兩張圖片的比較，適合用於翻新、攝影編輯、美容療程等多種場景，讓訪客能立即看到變化。
【主要功能】
• 可拖曳的前後圖片滑桿
• 並排圖片比較
• 懸停或按壓顯示比較
• 響應式及觸控友好的互動
• 自訂前後標籤
• 多種圖片比例適配
外掛標籤
開發者團隊
原文外掛簡介
Show Every Transformation Clearly
BaqFlo BeforeAfter helps you present two images in a clear, interactive comparison.
Create a comparison, choose the before and after images, select a display style, customise the presentation and place it anywhere using the generated shortcode.
Whether you are showcasing renovations, photography edits, beauty treatments, landscaping, restorations, design revisions or product development, BeforeAfter gives visitors an immediate and engaging way to see what changed.
Designed to be lightweight, responsive and easy to use, BeforeAfter works beautifully on desktop, tablet and mobile devices.
Why Choose BeforeAfter?
Three Flexible Comparison Styles
Choose a draggable comparison slider, a side-by-side layout, or a hover and press reveal effect to match the way you want visitors to explore your images.
Responsive and Touch Friendly
Every comparison adapts to desktop, tablet and mobile screens. Slider, reveal and panning interactions work with mouse, touch and keyboard input.
Landscape and Portrait Ready
Use common aspect ratios, enter a custom ratio, or calculate the display ratio from the selected images. BeforeAfter is designed to handle wide panoramas, tall screenshots and mobile portrait images gracefully.
Flexible Image Presentation
Choose cover or contain fitting, control horizontal and vertical alignment, and adjust the starting slider position for each comparison.
Intelligent Drag Panning
Side-by-side comparisons can use individual, tandem or scale-aware drag panning. Visitors can explore clipped areas of tall or wide images without visible scrollbars.
Lightweight by Design
Frontend assets load only when a BeforeAfter comparison is displayed on the page, helping keep the rest of your website efficient.
Core Features
Draggable before-and-after image slider
Side-by-side image comparison
Hover or press-to-reveal comparison
Responsive and touch-friendly interactions
Custom before and after labels
Common, custom and image-calculated aspect ratios
Cover and contain image fitting
Horizontal and vertical image alignment
Individual, tandem and scale-aware drag panning
Adjustable starting slider position
Media Library image selection
Animated GIF image comparisons
Direct image URL support
Shortcode placement
Multiple comparisons on the same page
Lightweight conditional asset loading
Perfect For
BeforeAfter is ideal for:
Hair and beauty transformations
Surgery and dental treatment results
Website redesigns
Home renovations
Landscaping projects
Photography retouching
AI image generation comparisons
Graphic design revisions
Product development
Restoration and repair work
Before-and-after marketing campaigns
Built for Real-World Images
Before and after images are not always perfectly matched or conveniently shaped.
BeforeAfter includes flexible alignment, fitting, aspect-ratio and panning controls so you can present panoramas, portrait images, screenshots and differently sized source images without rebuilding the originals first.
Ready for More? Upgrade to BeforeAfter Pro
BeforeAfter Pro is a separate plugin available from BaqFlo. It expands the same familiar workflow with new media types, multi-image Comparison Sets and advanced inspection and playback tools.
Unlock Pro features including:
Video comparisons
Live webpage iframe comparisons
Two-to-four image Comparison Sets with automatic pair generation
Pair selector styles and advanced set layouts
Zoom with synchronised panning
All-image grids with synced drag
Progression playback controls
Future premium enhancements
Learn more about BeforeAfter Pro:
Built by BaqFlo
BeforeAfter is part of the growing BaqFlo family of WordPress plugins.
Our goal is simple: build professional WordPress plugins that are fast, thoughtfully designed and genuinely enjoyable to use.
