{"id":21568,"date":"2011-02-16T08:00:00","date_gmt":"2011-02-16T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/2024\/02\/22\/beforeafter-pictures\/"},"modified":"2011-02-26T03:30:00","modified_gmt":"2011-02-26T03:30:00","slug":"beforeafter-pictures","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/beforeafter-pictures\/","title":{"rendered":"Before After Pictures"},"content":{"rendered":"<p>Before After Pictures plugin integrates <a href=\"http:\/\/www.catchmyfame.com\/2009\/06\/25\/jquery-beforeafter-plugin\/\" title=\"jQuery Before\/After Plugin\" rel=\"nofollow ugc\">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<p>Please check \u2018Other Notes\u2019 for the Usage instructions to see how to use it on your blog<\/p>\n<p>Demosites: http:\/\/www.ansichten-und-aussichten.de\/beforeafter-pictures\/<\/p>\n<p><a href=\"http:\/\/www.ansichten-und-aussichten.de\/beforeafter-pictures\/\" title=\"Operation with Default wp theme\" rel=\"nofollow ugc\">Operation with default theme<\/a><br \/>\n<a href=\"http:\/\/www.ansichten-und-aussichten.de\/beforeafter-pictures\/\" title=\"Operation with TwentyTen wp theme\" rel=\"nofollow ugc\">Operation with TwentyTen theme<\/a><\/p>\n<p>Author info:<br \/>\nHolger Stroeder<\/p>\n<h4>Limitations<\/h4>\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<h4>Usage<\/h4>\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>\n<p>Upload the before and after images to wordpress or any other webspace and remember the path\/url<\/p>\n<\/li>\n<li>\n<p>Switch to \u2018Visuell\u2019 mode of the post editor area<\/p>\n<\/li>\n<li>Click \u2018Before\/After Pictures\u2019 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<p>or<\/p>\n<ul>\n<li>Switch to \u2018HTML\u2019 mode of the post editor area<\/li>\n<li>Click \u2018Before\/After Pictures\u2019 button<\/li>\n<li>\n<p>Fill in the information in the editor area (id, before and after image must be set), empty attributes can be deleted<\/p>\n<\/li>\n<li>\n<p>Parameters:<br \/>\n[beforeafterpics id=\u201d image_before=\u201d image_after=\u201d animateintro=\u201d introdelay=\u201d introduration=\u201d showfulllinks=\u201d \/]<\/p>\n<\/li>\n<\/ul>\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)<br \/>\nimage_before:  path\/url to the image file must be set. (required)<br \/>\nimage_after:   path\/url to the image file must be set. (required)<br \/>\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)<br \/>\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)<br \/>\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)<br \/>\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","protected":false},"excerpt":{"rendered":"<p>Before After Pictures plugin integrates [jQuery Before\/After Plugin](http:\/\/www.catchmyfame.com\/2009\/06\/25\/jquery-beforeafter-plugin\/ \"jQuery Bef \u2026<\/p>\n","protected":false},"author":65,"featured_media":240788,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Before After Pictures - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Before After Pictures plugin integrates [jQuery Before\/After Plugin](http:\/\/www.catchmyfame.com\/2009\/06\/25\/jquery-beforeafter-plugin\/ \"jQuery Bef \u2026"},"footnotes":""},"categories":[1],"tags":[3254,3255,378,8373,3916],"class_list":["post-21568","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-after","tag-before","tag-images","tag-photo-effects","tag-photos"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/21568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=21568"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/21568\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/240788"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=21568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=21568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=21568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}