前言介紹
- 這款 WordPress 外掛「CPS | Before / After Images」是 2017-12-31 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2025-01-01，距離現在已有 122 天。
- 外掛最低要求 WordPress 5.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
after | image | before | surbma | picture |
內容簡介
這個外掛可以在一個畫面上顯示兩張相似的圖片，並在中間加上一條槓，讓訪問者可以透過左右移動槓看到圖片的不同。典型的用途是當您想要展示兩張圖片的「 Before-After 」狀態時。
簡碼：[surbma-before-after before_src="" before_alt="" after_src="" after_alt="" with="" height=""]
參數：
before_src：左側圖片的網址。必填
before_alt：左側圖片的 ALT 屬性。
after_src：右側圖片的網址。必填
after_alt：右側圖片的 ALT 屬性。
with：圖片的寬度。
height：圖片的高度。
只有兩個 src 參數是必需的，其他參數是可選的。
您想要貢獻或改善這個外掛嗎？
您可以在 GitHub 上找到它：https://github.com/Surbma/surbma-before-after
您可以在 GitHub 上找到我其他的外掛和專案：
https://github.com/Surbma
歡迎隨時貢獻、幫忙或推薦我的外掛、主題和其他專案的新功能。
想要了解更多關於我嗎？
請訪問我的網站：Surbma.com
原文外掛簡介
With this plugin, you can display two similar images in one frame with a bar in the middle. So visitors can see the difference by moving the bar from left to right. Typical usecase is, when you want to show a “before-after” state with two images.
The shortcode: [surbma-before-after before_src="" before_alt="" after_src="" after_alt="" with="" height=""]
Parameters:
before_src: This is the URL of the left image. REQUIRED
before_alt: This is the ALT attribute of the left image.
after_src: This is the URL of the right image. REQUIRED
after_alt: This is the ALT attribute of the right image.
with: This is the width of the image.
height: This is the height of the image.
Only the two src parameters are required, the rest of them are optional.
Do you want to contribute or help improving this plugin?
You can find it on GitHub: https://github.com/Surbma/surbma-before-after
You can find my other plugins and projects on GitHub:
https://github.com/Surbma
Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects.
Do you want to know more about me?
Visit my webpage: Surbma.com
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「CPS | Before / After Images」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.2 | 1.3 | 1.4 | 2.0 | 2.1 | 2.2 | 1.1.0 | trunk |
延伸相關外掛（你可能也想知道）
Image Optimization by Optimole – Lazy Load, CDN, Convert WebP & AVIF, Optimize Images 》, Optimole的獨特之處在哪裡？, , 更小的圖片，同樣的品質, 完全自動化；設定一次就忘記它, 支援所有圖片格式, 支援Retina和WebP圖片, 以機器學習為基礎的自...。
Imsanity 》使用 Imsanity，自動調整大型圖片上傳大小。選擇你喜歡的尺寸和品質，讓 Imsanity 完成其餘所有工作。當投稿者上傳大於配置尺寸的圖片時，Imsanity 將自動將...。
Firelight Lightbox 》Easy FancyBox WordPress外掛為您的網站提供靈活美觀的光箱解決方案，幾乎適用於網站上的所有媒體連結。Easy FancyBox使用更新的傳統FancyBox jQuery擴展版本...。
Simple Lightbox 》Simple Lightbox 是一個非常簡單且可自定義的燈箱，在您的 WordPress 網站上添加它非常容易。, 功能, 自定義燈箱行為的選項位於外觀 > Lightbox 管理員菜...。
Robin image optimizer — save money on image compression 》需要專業支援嗎？, 開始免費支援, 開始高級支援, 透過減少圖像大小，讓您的網站加快速度。我們的 WordPress 圖像優化外掛，可以將圖像大小減少80%，而且不損...。
Responsive Lightbox & Gallery 》提供完整的 WordPress 相簿外掛所需一切, Responsive Lightbox and Gallery 外掛是一個全功能的 WordPress 相簿外掛，擁有強大的拖放相簿生成器和 Lightbox ...。
reSmush.it : The original free image compressor and optimizer plugin 》reSmush.it Image Optimizer 是一個 WordPress 外掛，透過 reSmush.it API 提供圖片優化服務。reSmush.it 使用多種高級演算法對圖像進行大小減小。API 支援最...。
Menu Image, Icons made easy 》這個外掛可以輕鬆地在選單項目中加入圖像或圖示，打造更好的網站選單。, 可以控制圖像或圖示的位置以及大小。, 這個 Menu Image 外掛還有其他功能，以下是其...。
Image Widget 》Image Widget 是一個簡單的外掛程式，利用 WordPress 原生媒體管理員，為您的網站新增圖片小工具。, 需要新增幻燈片、燈箱或隨機圖像嗎？, 請查看 Image Widg...。
Featured Image from URL (FIFU) 》h3>WordPress 外掛 - 用於顯示外部特色圖片、影片、音訊等等, FIFU 自 2015 年來已幫助全球數千個網站節省了儲存空間、處理時間和版權費用。, 如果您已經厭倦...。
Default Featured Image 》在媒體設定頁面上新增一個預設的特色圖像。如果沒有設定任何特色圖像，這個預設的特色圖像就會顯示。就這麼簡單。, 查看常見問題以獲取基本問題資訊。, 如果...。
All In One Favicon 》查看最新的WordPress交易以優化您的網站。, All In One Favicon為您的網站和管理頁面添加favicon。, 您可以使用您已經上傳的favicon或使用內置的上傳機制將fa...。
ImageMagick Engine 》透過讓 WordPress 使用 ImageMagick 而非標準的 GD 圖像庫，大幅提升重新調整大小的圖像品質。, 功能, , 在重新調整大小的圖像中保留嵌入式色彩設定檔, 自動...。
WP Featherlight – A Simple jQuery Lightbox 》WP Featherlight 是一個 WordPress 外掛，可為您的WordPress 網站添加一個極簡、高效、響應式 jQuery 燈箱。在其核心，WP Featherlight是一個用於 Featherlig...。
Phoenix Media Rename 》通過使用「Phoenix Media Rename」外掛，將您的媒體檔案重新命名，極大地提高您的 SEO。, 在Phoenix Media Rename 官方頁面上提供了完整的使用和設置指南。。