
前言介紹
- 這款 WordPress 外掛「Sravnitel」是 2017-01-20 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2017-02-27,距離現在已有 3286 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 4.5.5 以上版本才可以安裝。
- 有 1 人給過評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
外掛標籤
page | posts | images | visual composer | before after slider |
內容簡介
Sravnitel 是一款由 Elphel Inc. 基於 jQuery 插件 jquery.sravnitel.js 開發的 WordPress 外掛。
功能
比較 2 張或更多張圖片
可縮放和移動圖片
可設定初始縮放和位移
支援觸控事件:點擊、拖曳和手勢縮放
使用提示
在視窗區域點擊可快速切換左右圖片
在右上方的縮放訊息處點擊可將圖片縮放至適合視窗大小
若需使用多個本外掛,請為每個實例指定唯一的編號:[sravnitel id=’test1′ …],[sravnitel id=’test2′ …]
工作範例
Elphel's Blog: Lapped MDCT-based image conditioning with optical aberrations correction, color conversion, edge emphasis and noise reduction
簡單範例
將圖片縮放至視窗大小,不顯示標題:
[sravnitel images=”ID0,ID1,ID2″ width=640 height=480]
將圖片縮放至視窗大小,顯示標題和開關按鈕:
[sravnitel images=”ID0,ID1,ID2″ width=640 height=480 showtitles=true showtoggle=true]
將圖片縮放至視窗大小,顯示標題:
[sravnitel images=”ID0,ID1,ID2″ width=640 height=480 showtitles=true zoom=0]
將圖片縮放至 30%,顯示標題,並使左上角座標為視窗中心:
[sravnitel images=’ID0,ID1,ID2′ width=640 height=480 showtitles=true zoom=0.3 center_x=0 center_y=0]
短碼參數
id – int – 0 – 包含 <div> 元素的 ID
images – str – ” – (必填) 圖片 ID 列表,以逗號分隔
width – int – 530 – 視窗寬度(像素)
height – int – 300 – 視窗高度(像素)
showtitles – bool – false – 顯示/隱藏標題
showtoggle – bool – false – 顯示/隱藏按鈕,用於切換左右圖片
index_l – int – 0 – 設定左邊的圖片,此參數為圖片 ID 在列表中的索引,從 0 開始
index_r – int – 1 – 設定右邊的圖片,此參數為圖片 ID 在列表中的索引,從 0 開始
zoom – float – 0 – 設定初始縮放大小,0 表示縮放至視窗大小,1.0 表示 100%
center_x – int – 0 – 設定初始左上角座標(原始圖片座標系),以視窗中心為基準
center_y – int – 0 – 設定初始左上角座標(原始圖片座標系),以視窗中心為基準
原文外掛簡介
Sravnitel is a WordPress plugin by Elphel Inc. based on a jQuery plugin jquery.sravnitel.js.
Features
Compare 2+ images
Zoom and pan
Initial zoom and offset
Touch events: click, drag, pinch to zoom
Tips
Click on the view area to quickly switch between left and right image
Click on the zoom info in the top right to zoom-to-fit the view area
To place several instances of the plugin assign unique ids: [sravnitel id=’test1′ …], [sravnitel id=’test2′ …]
Working demo
Elphel’s Blog: Lapped MDCT-based image conditioning with optical aberrations correction, color conversion, edge emphasis and noise reduction
Quick examples
Fit image into the view window, w/o titles:
[sravnitel images=”ID0,ID1,ID2″ width=640 height=480]
Fit image into the view window, with titles and toggle button:
[sravnitel images=”ID0,ID1,ID2″ width=640 height=480 showtitles=true showtoggle=true]
Also fit image, with titles:
[sravnitel images=”ID0,ID1,ID2″ width=640 height=480 showtitles=true zoom=0]
Zoom 30%, with titles, x=0 and y=0 in the center of the view window:
[sravnitel images=’ID0,ID1,ID2′ width=640 height=480 showtitles=true zoom=0.3 center_x=0 center_y=0]
Shortcode Parameters
id – int – 0 – wrapper’s
images – str – ” – (required) list of images ids (attachment_id), comma separated
width – int – 530 – view window width px
height – int – 300 – view window height px
showtitles – bool – false – show/hide titles
showtoggle – bool – false – show/hide button – switch between left and right image
index_l – int – 0 – init, left image – is the index of the images array, starting from 0
index_r – int – 1 – init, right image – is the index of the images array, starting from 0
zoom – float – 0 – init, zoom, 0 – fit to view window, 1.0 – 100%
center_x – int – 0 – init, x coordinate of the original image to be placed in the center of the view window
center_y – int – 0 – init, y coordinate of the original image to be placed in the center of the view window
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Sravnitel」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0 | 1.1 | 1.2 | 1.3 | trunk |
延伸相關外掛(你可能也想知道)
WP Shortcodes Plugin — Shortcodes Ultimate 》Shortcodes Ultimate 是一個全面的視覺與功能性元素收集,您可以在文章編輯器、文字小工具甚至是範本檔案中使用。使用 Shortcodes Ultimate,您可以輕鬆地建...。
Post Duplicator 》這個外掛是用來製作選定文章的完全一模一樣複製。它支援自訂文章類型、自訂分類和自訂欄位。, *注意: 評論不會被複製到新文章。, 這個外掛的目的是為了快速且...。GenerateBlocks 》將不同的功能整合至編輯器,但並不會因為過多的一維方塊造成內容過於臃腫。使用 GenerateBlocks,您只需深入學習少量的方塊,即可用於創建任何內容。, Genera...。
YARPP – Yet Another Related Posts Plugin 》WordPress 相關文章外掛, Yet Another Related Posts Plugin (YARPP) 是一個經過專業維護、高度自訂和功能豐富的外掛程式,可以顯示與當前文章相關的頁面、文...。
WP Popular Posts 》WordPress Popular Posts 是一個高度可定製的小工具,可以顯示您最受歡迎的文章。, 主要特點, , 多小工具功能 – 您可以在您的博客上擁有多個 WordPress...。
Public Post Preview 》此外掛可讓您分享一個鏈接給匿名使用者,以便他們在發布前預覽文章(或其他公開文章類型)。, 您是否曾經與沒有訪問您網站權限的人共同撰寫文章,並需要給予...。WP Meta and Date Remover 》移除點擊文章的Meta、作者和日期。 安裝、啟用,完成!, 如何移除文章和頁面的作者Meta和日期?, , 安裝 WP Meta and Date remover。, 啟用外掛。, 選擇隱藏...。
List category posts 》List Category Posts 可以讓你透過使用 [catlist] 短碼在文章或頁面中按類別列出文章。在編輯頁面或文章時,直接插入短碼到文章中,文章就會被列出來。基本的...。
Display Posts – Easy lists, grids, navigation, and more 》Display Posts 讓您輕鬆地列出網站上的所有內容。首先在內容編輯器中新增此短碼,以列出最近的文章清單:, [display-posts], , 按類別篩選, 若只想顯示特定類...。CMS Tree Page View 》將所有頁面和自訂文章以 CMS 樹狀概覽方式添加到 WordPress,類似於專注於頁面的 CMS 中經常找到的檢視方式。, 如果您的目標是將多個內容類型合併到單一檢視...。
Category Posts Widget 》Category Posts Widget是一個輕巧的小工具,設計用於一件事並且做得很好:顯示特定類別中最新的文章。, 基於詞語和類別的文章小工具, 這個免費小工具的高級版...。
WP Telegram (Auto Post and Notifications) 》完美整合 Telegram 至 WordPress,讓您完全掌握控制。, Telegram 的卓越 LIVER 支援, 加入聊天室, 我們在 Telegram 上有一個公開小組,提供協助設置外掛、討...。WP Admin UI Customize 》, 儀表板, 顯示選項標籤, 輸出 - 元網站, 管理工具列 (Toolbar), 側邊選單 (Side menu), 元箱的管理, 登入畫面, 其他功能, , 這些自訂化都是可以實現的。, , ...。
Ultimate Post Kit Addons for Elementor 》Ultimate Post Kit Elementor 外掛程式是首個允許您全新且清新地設計部落格網站的外掛程式。這是博客作者、行銷人員和文章類型網站擁有者的最佳工具。, Ultim...。
Reading Time WP 》WP Reading Time 讓你輕鬆地在 WordPress 文章中加入預估閱讀時間。啟用這個外掛會自動在你的文章內容的開始加入閱讀時間。你可以在「閱讀時間」設定中取消這...。
