內容簡介
Before After Pictures 外掛整合了 jQuery Before/After Plugin 到 WordPress。它可以用來展示編輯和原始照片的差異，變更前後的照片等。
請查看“其他注意事項”，以查看如何在您的博客上使用它的使用說明
演示網站：http://www.ansichten-und-aussichten.de/beforeafter-pictures/
使用默認佈景主題
使用 TwentyTen 佈景主題
作者資訊：
Holger Stroeder
限制
兩張圖片的像素大小必須相同
Before/After Pictures僅適用於單個文章和頁面
用法
在外掛的管理頁面上設置默認選項
寫下除了圖像以外的文章內容
上傳 Before 和 After 圖像到 WordPress 或任何其他網站空間中，並記住路徑/ URL
切換到文章編輯器區域的 “視覺化模式”
點擊“Before/After Pictures”按鈕
填寫彈出屏幕中的信息（必須設置id、before和after影像資訊），可以刪除空的屬性
或
切換到文章編輯器區域的“HTML模式”
點擊“Before/After Pictures”按鈕
在編輯器區域中填寫信息（必須設置id、before和after影像資訊），可以刪除空的屬性
参数：
[beforeafterpics id=” image_before=” image_after=” animateintro=” introdelay=” introduration=” showfulllinks=” /]
id：如果您要在一個頁面上放置多個[beforeafter]，那麼每個簡碼必須具有唯一的 id （如果帖子中有超過一個圖像，則必須填寫此項）
image_before：必須設置到圖像檔的路徑 / URL （必須填寫）
image_after：必須設置到圖像檔的路徑 / URL （必須填寫）
animateintro：是否要使拖動條從容器的最右邊開始自動移動到中心。（可選）
introdelay：如果animateIntro為 true，則在開始拖動棒自動移動到圖像中心之前等待的毫秒數。（可選）
introduration：如果animateIntro為true，则拖動棒從影像的右側到影像中央所需的毫秒數。（可選）
showfulllinks：是否顯示位於圖像下方的鏈接，訪客可以點擊該鏈接以自動顯示完整的before或after圖像。 （可選）
外掛標籤
開發者團隊
原文外掛簡介
Before After Pictures plugin integrates jQuery Before/After Plugin in the wordpress. It can be used to show the difference between edited and original photo, before and after photos of changes, etc.
Please check ‘Other Notes’ for the Usage instructions to see how to use it on your blog
Demosites: http://www.ansichten-und-aussichten.de/beforeafter-pictures/
Operation with default theme
Operation with TwentyTen theme
Author info:
Holger Stroeder
Limitations
Both iomages must have the same size in pixels
Before/After Pictures works only on single posts and pages
Usage
Set the default options on the admin page of the plugin
Write the content of your post other than the images
Upload the before and after images to wordpress or any other webspace and remember the path/url
Switch to ‘Visuell’ mode of the post editor area
Click ‘Before/After Pictures’ button
Fill in the information in the popup screen (id, before and after image must be set), empty attributes can be deleted
or
Switch to ‘HTML’ mode of the post editor area
Click ‘Before/After Pictures’ button
Fill in the information in the editor area (id, before and after image must be set), empty attributes can be deleted
Parameters:
[beforeafterpics id=” image_before=” image_after=” animateintro=” introdelay=” introduration=” showfulllinks=” /]
id: If you want to place multiple [beforeafter] sections on one page, every shortcode must have an unique id. (required if more than one image in the post)
image_before: path/url to the image file must be set. (required)
image_after: path/url to the image file must be set. (required)
animateintro: Whether or not to have the drag bar start completely to the right of the container and gradually move by itself to the midpoint. (optional)
introdelay: If animateIntro is true, the number of milliseconds to wait before beginning the automatic drag bar move to the center of the image. (optional)
introduration: If animateIntro is true, the number of milliseconds it will take for the drag bar to go from the right side of the image to the middle of the image. (optional)
showfulllinks: Whether or not to display links below the image that a visitor can click on that will automatically show the full before or full after image. (optional)
