{"id":12171,"date":"2011-02-16T12:55:53","date_gmt":"2011-02-16T12:55:53","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/beforeafter-pictures\/"},"modified":"2011-02-25T19:30:04","modified_gmt":"2011-02-25T19:30:04","slug":"beforeafter-pictures","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/beforeafter-pictures\/","author":7622768,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.2.1","stable_tag":"0.2.1","tested":"3.1.4","requires":"2.9","requires_php":"","requires_plugins":"","header_name":"Before\/After Pictures","header_author":"Holger Stroeder","header_description":"","assets_banners_color":"","last_updated":"2011-02-25 19:30:04","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/www.ansichten-und-aussichten.de\/beforeafter-pictures\/","header_plugin_uri":"http:\/\/www.ansichten-und-aussichten.de","header_author_uri":"http:\/\/www.ansichten-und-aussichten.de","rating":0,"author_block_rating":0,"active_installs":10,"downloads":5489,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1","0.2","0.2.1"],"block_files":[],"assets_screenshots":{"screenshot-5.png":{"filename":"screenshot-5.png","revision":"1566869","resolution":"5","location":"plugin"},"screenshot-6.png":{"filename":"screenshot-6.png","revision":"1566869","resolution":"6","location":"plugin"},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"1566869","resolution":"4","location":"plugin"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1566869","resolution":"2","location":"plugin"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1566869","resolution":"3","location":"plugin"},"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1566869","resolution":"1","location":"plugin"}},"screenshots":{"1":"Before\/After Pictures button in Visual Editor","2":"Before\/After Pictures popup screnn","3":"Before\/After Pictures button in HTML Editor","4":"Before\/After Pictures shortcodes in editor","5":"Before\/After Pictures option page","6":"Before\/After Pictures example"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[9562,11617,163,11618,205],"plugin_category":[50],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-12171","plugin","type-plugin","status-publish","hentry","plugin_tags-after","plugin_tags-before","plugin_tags-images","plugin_tags-photo-effects","plugin_tags-photos","plugin_category-media","plugin_committers-host1967"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/beforeafter-pictures.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/beforeafter-pictures\/trunk\/screenshot-1.png?rev=1566869","caption":"Before\/After Pictures button in Visual Editor"},{"src":"https:\/\/ps.w.org\/beforeafter-pictures\/trunk\/screenshot-2.png?rev=1566869","caption":"Before\/After Pictures popup screnn"},{"src":"https:\/\/ps.w.org\/beforeafter-pictures\/trunk\/screenshot-3.png?rev=1566869","caption":"Before\/After Pictures button in HTML Editor"},{"src":"https:\/\/ps.w.org\/beforeafter-pictures\/trunk\/screenshot-4.png?rev=1566869","caption":"Before\/After Pictures shortcodes in editor"},{"src":"https:\/\/ps.w.org\/beforeafter-pictures\/trunk\/screenshot-5.png?rev=1566869","caption":"Before\/After Pictures option page"},{"src":"https:\/\/ps.w.org\/beforeafter-pictures\/trunk\/screenshot-6.png?rev=1566869","caption":"Before\/After Pictures example"}],"raw_content":"<!--section=description-->\n<p>Before After Pictures plugin integrates <a href=\"http:\/\/www.catchmyfame.com\/2009\/06\/25\/jquery-beforeafter-plugin\/\" title=\"jQuery Before\/After Plugin\">jQuery Before\/After Plugin<\/a> in the wordpress. It can be used to show the difference between edited and original photo, before and after photos of changes, etc.<\/p>\n\n<p>Please check 'Other Notes' for the Usage instructions to see how to use it on your blog<\/p>\n\n<p>Demosites: http:\/\/www.ansichten-und-aussichten.de\/beforeafter-pictures\/<\/p>\n\n<p><a href=\"http:\/\/www.ansichten-und-aussichten.de\/beforeafter-pictures\/\" title=\"Operation with Default wp theme\">Operation with default theme<\/a>\n<a href=\"http:\/\/www.ansichten-und-aussichten.de\/beforeafter-pictures\/\" title=\"Operation with TwentyTen wp theme\">Operation with TwentyTen theme<\/a><\/p>\n\n<p>Author info:\nHolger Stroeder<\/p>\n\n<h4>Limitations<\/h4>\n\n<ul>\n<li>Both iomages must have the same size in pixels<\/li>\n<li>Before\/After Pictures works only on single posts and pages<\/li>\n<\/ul>\n\n<h4>Usage<\/h4>\n\n<ul>\n<li>Set the default options on the admin page of the plugin<\/li>\n<li>Write the content of your post other than the images<\/li>\n<li><p>Upload the before and after images to wordpress or any other webspace and remember the path\/url<\/p><\/li>\n<li><p>Switch to 'Visuell' mode of the post editor area<\/p><\/li>\n<li>Click 'Before\/After Pictures' button<\/li>\n<li>Fill in the information in the popup screen (id, before and after image must be set), empty attributes can be deleted<\/li>\n<\/ul>\n\n<p>or<\/p>\n\n<ul>\n<li>Switch to 'HTML' mode of the post editor area<\/li>\n<li>Click 'Before\/After Pictures' button<\/li>\n<li><p>Fill in the information in the editor area (id, before and after image must be set), empty attributes can be deleted<\/p><\/li>\n<li><p>Parameters: \n[beforeafterpics id='' image_before='' image_after='' animateintro='' introdelay='' introduration='' showfulllinks='' \/]<\/p><\/li>\n<\/ul>\n\n<p>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)\nimage_before:  path\/url to the image file must be set. (required) \nimage_after:   path\/url to the image file must be set. (required) \nanimateintro:  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)\nintrodelay:    If animateIntro is true, the number of milliseconds to wait before beginning the automatic drag bar move to the center of the image. (optional)\nintroduration: 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)\nshowfulllinks: 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)<\/p>\n\n<!--section=installation-->\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress: 2.9 or newer<\/li>\n<\/ul>\n\n<h4>Basic Installation<\/h4>\n\n<ul>\n<li>Plugin folder in the WordPress plugins folder must be <code>beforeafter-pictures<\/code><\/li>\n<li>Upload folder <code>before-after-pics<\/code> to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Check Before\/After Pictures Option page<\/li>\n<li>Check out 'Other Notes' for usage instruction.<\/li>\n<\/ul>\n\n<!--section=faq-->\n<ul>\n<li>Example delivered: Just copy and paste the following into a new article and check if everything is fine...\n[beforeafterpics id='1' image_before='\/wp-content\/plugins\/beforeafter-pictures\/images\/example-before.jpg' image_after='\/wp-content\/plugins\/beforeafter-pictures\/images\/example-after.jpg' \/]<\/li>\n<\/ul>\n\n<!--section=changelog-->\n<h4>0.2.1<\/h4>\n\n<ul>\n<li>enabled for usage on single pages<\/li>\n<\/ul>\n\n<h4>0.2<\/h4>\n\n<ul>\n<li>minor changes to fix Wordpress 3.1 issue(s)<\/li>\n<li>added activation and deactivation functions for options<\/li>\n<li>default values for option page delivered<\/li>\n<\/ul>\n\n<h4>0.1<\/h4>\n\n<ul>\n<li>initial release<\/li>\n<\/ul>","raw_excerpt":"Before After Pictures plugin integrates [jQuery Before\/After Plugin](http:\/\/www.catchmyfame.com\/2009\/06\/25\/jquery-beforeafter-plugin\/ &quot;jQuery Bef &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/12171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=12171"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/host1967"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=12171"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=12171"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=12171"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=12171"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=12171"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=12171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}