Plugin / Before After Pictures

Holger Stroeder

Description

Description

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)

Ratings

0
0 reviews

Rating breakdown

Details Information

Version

0.2.1

First Released

16 Feb, 2011

Total Downloads

4,298

Wordpress Version

2.9 or higher

Tested up to:

3.1.4

Require PHP Version:

-

Tags

Contributors

This plugin has been closed.

Languages

The plugin hasn't been transalated in any language other than English.

DIRECTORY DISCLAIMER

The information provided in this THEME/PLUGIN DIRECTORY is made available for information purposes only, and intended to serve as a resource to enable visitors to select a relevant theme or plugin. wpSocket gives no warranty of any kind, express or implied with regard to the information, including without limitation any warranty that the particular theme or plugin that you select is qualified on your situation.

The information in the individual theme or plugin displayed in the Directory is provided by the owners and contributors themselves. wpSocket gives no warranty as to the accuracy of the information and will not be liable to you for any loss or damage suffered by you as a consequence of your reliance on the information.

Links to respective sites are offered to assist in accessing additional information. The links may be outdated or broken. Connect to outside sites at your own risk. The Theme/Plugin Directory does not endorse the content or accuracy of any listing or external website.

While information is made available, no guarantee is given that the details provided are correct, complete or up-to-date.

wpSocket is not related to the theme or plugin, and also not responsible and expressly disclaims all liability for, damages of any kind, arising out of the use, reference to, or reliance on, any information or business listed throughout our site.

Keep Leading Your Followers!
Share it for them.