內容簡介
Sleek Compare 是一款輕量級的前後圖片比較滑桿外掛，專為 WordPress 設計，無需 jQuery 和外部依賴，提供流暢的使用體驗，適合展示圖片變化。
【主要功能】
• 超輕量：總大小低於 10KB
• 無外部依賴：不需要 jQuery 或圖示庫
• 觸控友好：支援行動裝置全滑動
• 鍵盤可存取：支援方向鍵操作
• 簡單短碼：適用於經典編輯器和小工具
• 延遲加載：圖片和滑桿初始化延遲至可見時
外掛標籤
開發者團隊
原文外掛簡介
Sleek Compare is a lightweight before/after image comparison slider for WordPress. Built with performance in mind — no jQuery, no FontAwesome, no bloat.
Key Features
Ultra-lightweight: Under 10KB total (JS + CSS combined)
Zero external dependencies: No jQuery or icon libraries required
Touch-friendly: Full swipe support for mobile devices
Keyboard accessible: Arrow keys, Shift+Arrow for 10% jumps, Home/End
Simple shortcode: Works in classic editor, widgets, and page builders
Lazy loading: Images and slider initialization deferred until visible
CSS variables: Easy theming without touching code
No render-blocking resources: Scripts and styles load conditionally
Pro Version
Want Gutenberg block and Elementor widget support? Check out Sleek Compare Pro for:
Native Gutenberg block with live preview
Full Elementor widget with style controls
Custom handle colors
Priority email support
Lifetime updates
Usage
Shortcode
Basic usage:
[sleek_compare before=”https://example.com/before.jpg” after=”https://example.com/after.jpg”]
With all options:
[sleek_compare
before=”https://example.com/before.jpg”
after=”https://example.com/after.jpg”
start=”30″
label_before=”Original”
label_after=”Enhanced”
show_labels=”true”
]
Shortcode Attributes
before – URL of the before image (required)
after – URL of the after image (required)
start – Starting position 0-100 (default: 50)
label_before – Before label text (default: “Before”)
label_after – After label text (default: “After”)
show_labels – Show labels true/false (default: true)
