{"id":79656,"date":"2018-01-01T11:44:44","date_gmt":"2018-01-01T11:44:44","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/surbma-before-after\/"},"modified":"2025-01-01T13:14:13","modified_gmt":"2025-01-01T13:14:13","slug":"surbma-before-after","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/surbma-before-after\/","author":7267748,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.2","stable_tag":"2.2","tested":"6.7.5","requires":"5.5","requires_php":"7.4","requires_plugins":null,"header_name":"CPS | Before \/ After Images","header_author":"CherryPick Studios","header_description":"Simply add a before-after image to any WordPress website.","assets_banners_color":"787661","last_updated":"2025-01-01 13:14:13","external_support_url":"https:\/\/www.facebook.com\/groups\/CherryPickStudios\/","external_repository_url":"","donate_link":"https:\/\/surbma.com\/donate\/","header_plugin_uri":"https:\/\/surbma.com\/wordpress-plugins\/","header_author_uri":"https:\/\/www.cherrypickstudios.com\/","rating":0,"author_block_rating":0,"active_installs":10,"downloads":2058,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.0":{"tag":"1.1.0","author":"Surbma","date":"2018-01-01 11:46:14"},"1.2":{"tag":"1.2","author":"Surbma","date":"2018-05-22 08:58:13"},"1.3":{"tag":"1.3","author":"Surbma","date":"2018-05-22 09:07:38"},"1.4":{"tag":"1.4","author":"Surbma","date":"2018-05-22 09:13:43"},"2.0":{"tag":"2.0","author":"Surbma","date":"2019-07-19 14:36:33"},"2.1":{"tag":"2.1","author":"Surbma","date":"2023-04-08 12:53:38"},"2.2":{"tag":"2.2","author":"Surbma","date":"2025-01-01 13:14:13"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":[],"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":2626251,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":2626251,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.0","1.2","1.3","1.4","2.0","2.1","2.2"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[9562,11617,133,216,151318],"plugin_category":[50],"plugin_contributors":[170513,80808],"plugin_business_model":[216238],"class_list":["post-79656","plugin","type-plugin","status-publish","hentry","plugin_tags-after","plugin_tags-before","plugin_tags-image","plugin_tags-picture","plugin_tags-surbma","plugin_category-media","plugin_contributors-cherrypickstudios","plugin_contributors-surbma","plugin_business_model-commercial","plugin_committers-surbma"],"banners":{"banner":"https:\/\/ps.w.org\/surbma-before-after\/assets\/banner-772x250.jpg?rev=2626251","banner_2x":"https:\/\/ps.w.org\/surbma-before-after\/assets\/banner-1544x500.jpg?rev=2626251","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/surbma-before-after_787661.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>With this plugin, you can display two similar images in one frame with a bar in the middle. So visitors can see the difference by moving the bar from left to right. Typical usecase is, when you want to show a \"before-after\" state with two images.<\/p>\n\n<p>The shortcode: <code>[surbma-before-after before_src=\"\" before_alt=\"\" after_src=\"\" after_alt=\"\" with=\"\" height=\"\"]<\/code><\/p>\n\n<p>Parameters:<\/p>\n\n<ul>\n<li>before_src: This is the URL of the left image. REQUIRED<\/li>\n<li>before_alt: This is the ALT attribute of the left image.<\/li>\n<li>after_src: This is the URL of the right image. REQUIRED<\/li>\n<li>after_alt: This is the ALT attribute of the right image.<\/li>\n<li>with: This is the width of the image.<\/li>\n<li>height: This is the height of the image.<\/li>\n<\/ul>\n\n<p>Only the two src parameters are required, the rest of them are optional.<\/p>\n\n<p><strong>Do you want to contribute or help improving this plugin?<\/strong><\/p>\n\n<p>You can find it on GitHub: <a href=\"https:\/\/github.com\/Surbma\/surbma-before-after\">https:\/\/github.com\/Surbma\/surbma-before-after<\/a><\/p>\n\n<p><strong>You can find my other plugins and projects on GitHub:<\/strong><\/p>\n\n<p><a href=\"https:\/\/github.com\/Surbma\">https:\/\/github.com\/Surbma<\/a><\/p>\n\n<p>Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects.<\/p>\n\n<p><strong>Do you want to know more about me?<\/strong><\/p>\n\n<p>Visit my webpage: <a href=\"https:\/\/surbma.com\/\">Surbma.com<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload <code>surbma-before-after<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the Surbma - Before \/ After Images plugin through the 'Plugins' menu in WordPress<\/li>\n<li>That's it. Now you can use the shortcodes. :)<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='what%20does%20surbma%20mean%3F'><h3>What does Surbma mean?<\/h3><\/dt>\n<dd><p>It is the reverse version of my last name. ;)<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.2<\/h4>\n\n<p>Release date: 2025-01-01<\/p>\n\n<p>FIX<\/p>\n\n<ul>\n<li>Changed textdomain hook to init.<\/li>\n<li>Security fix for shortcode: parameters are properly escaped.<\/li>\n<\/ul>\n\n<p>OTHER<\/p>\n\n<ul>\n<li>Code optimizations.<\/li>\n<\/ul>\n\n<h4>2.1<\/h4>\n\n<p>Release date: 2020-09-15<\/p>\n\n<p>FIX<\/p>\n\n<ul>\n<li>Fixes jQuery call, so it is compatible with latest versions of WordPress (5.5) and jQuery.<\/li>\n<\/ul>\n\n<p>TWEAK<\/p>\n\n<ul>\n<li>Checked compatibility with the latest version of WordPress.<\/li>\n<li>Changed minimum WordPress version and PHP requirements.<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<p>Release date: 2019-07-19<\/p>\n\n<p>With this version, the plugin is rebranded to CherryPick Studios or CPS with the short version. CherryPick Studios is created by me, Surbma, so everything is the same, but better. :)<\/p>\n\n<p>NEW<\/p>\n\n<ul>\n<li>Plugin author and contributor has changed to CherryPick Studios.<\/li>\n<\/ul>\n\n<p>TWEAK<\/p>\n\n<ul>\n<li>Checked compatibility with the latest version of WordPress.<\/li>\n<\/ul>\n\n<h4>1.4<\/h4>\n\n<ul>\n<li>NEW - Plugin name change.<\/li>\n<\/ul>\n\n<h4>1.3<\/h4>\n\n<ul>\n<li>TWEAK - Modified description and name symbols.<\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>TWEAK - Simple versioning.<\/li>\n<li>TWEAK - Modified description and name symbols.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Updated scripts and styles.<\/li>\n<li>Added more description.<\/li>\n<li>Code optimization.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Simply add a before \/ after image to any WordPress website.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/79656","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=79656"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/surbma"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=79656"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=79656"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=79656"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=79656"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=79656"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=79656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}