前言介紹
- 這款 WordPress 外掛「Advanced Before After Slider」是 2021-08-12 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2021-08-13，距離現在已有 1359 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.7 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.3 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
before-after-image | before after slider |
內容簡介
進階 Before and After Slider 外掛提供一種虛擬的方式，以同一畫面顯示兩張圖片。使用者可以手動移動滑桿，同時比較兩張圖片。此外掛可幫助在同一畫面中顯示 Before 和 After 的圖片，並附有可移動的把手，主要用於用一個橫桿在中間比較兩張圖片。
簡碼參數
orientation：Before 和 After 圖像的方向（'horizontal' 或 'vertical'）
before_label：設置自訂的 Before 標籤
after_label：設置自訂的 After 標籤
no_overlay：不顯示 Before 和 After 的重疊圖層
move_slider_on_hover：在滑鼠懸停時移動滑桿？
click_to_move：允許使用者點擊（或輕觸）圖像上的任何位置以移動滑桿至該位置。
主要特點
✔️ 更改 Before/After 標籤。
✔️ 水平和垂直方向選項。
✔️ 圖像重疊選項。
✔️ 滑鼠懸停時移動滑桿。
✔️ 允許使用者點擊圖像上的任何位置以移動滑桿至該位置。
使用方法
進階 Before and After Slider 外掛非常簡單易用，只需要在任何位置放置簡碼。
簡碼：
[abas-slider before_src="" after_src="" before_label="Before Label" after_label="After Label" click_to_move="true"]
點擊此處觀看 演示
原文外掛簡介
The Advanced Before and After Slider plugin offers a virtual way to show two images in the same frame. Users can manually move the slider to compare both images at once. This plugin help to show before and after image in one frame with movable handle, Main use for comparing two images in one frame with a bar in the middle.
Shortcode Parameters
orientation: Orientation of the before and after images (‘horizontal’ or ‘vertical’)
before_label: Set a custom before label
after_label: Set a custom after label
no_overlay: Do not show the overlay with before and after
move_slider_on_hover: Move slider on mouse hover?
click_to_move: Allow a user to click (or tap) anywhere on the image to move the slider to that location.
Key Features
✔️ Change Before/After Label.
✔️ Horizontal and Vertical Orientation option.
✔️ Image Overlay Option.
✔️ Move the slider on mouse hover.
✔️ Allow a user to click anywhere on the image to move the slider to that location.
How to Use
Advanced Before and After Slider plugin is a very simple way to use, you just put a shortcode anywhere.
Shortcode:
[abas-slider before_src="" after_src="" before_label="Before Label" after_label="After Label" click_to_move="true"]
Click here to see demo
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Advanced Before After Slider」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Before After image Gutenberg Block 》- Before After image block is a plugin for Gutenberg created using create-guten-block.- It is compatible with the latest version of WordPress.- Liv...。
Before After Image Comparison Slider 》Before After Image Comparison Slider 外掛可協助您製作一個圖像比較滑動器，用以顯示圖像之前與之後的樣子。, 功能, , 完全響應式設計, 易於使用, 簡單安裝...。