{"id":120173,"date":"2020-04-18T07:51:44","date_gmt":"2020-04-18T07:51:44","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/modern-comparison-slider\/"},"modified":"2020-06-11T02:02:31","modified_gmt":"2020-06-11T02:02:31","slug":"modern-comparison-slider","status":"publish","type":"plugin","link":"https:\/\/azb.wordpress.org\/plugins\/modern-comparison-slider\/","author":17924249,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.2","stable_tag":"1.1.0","tested":"5.4.19","requires":"3.0.1","requires_php":"5.6","requires_plugins":"","header_name":"Modern Comparison Slider","header_author":"Kyle Wetton","header_description":"Compare before and after images, for grading, CGI and other retouching comparisons.","assets_banners_color":"171c24","last_updated":"2020-06-11 02:02:31","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/github.com\/kylewetton","rating":5,"author_block_rating":0,"active_installs":100,"downloads":3492,"num_ratings":1,"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":"1"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"2286182","resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"2286182","resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":"2286182","resolution":"","location":"assets","locale":""}},"assets_banners":{"banner-1544x500-rtl.png":{"filename":"banner-1544x500-rtl.png","revision":"2286182","resolution":"1544x500","location":"assets","locale":""},"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":"2286182","resolution":"1544x500","location":"assets","locale":""},"banner-772x250-rtl.png":{"filename":"banner-772x250-rtl.png","revision":"2286182","resolution":"772x250","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":"2286182","resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1","1.0.2","1.0.3","1.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"2286182","resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"2286182","resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"2286182","resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"2286182","resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":"2286182","resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Theme: Standard","2":"Theme: Circle","3":"An example of using the tags","4":"An example of using the tag options","5":"Global settings for all sliders"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[9562,11617,4352,6808,611],"plugin_category":[],"plugin_contributors":[184411],"plugin_business_model":[],"class_list":["post-120173","plugin","type-plugin","status-publish","hentry","plugin_tags-after","plugin_tags-before","plugin_tags-compare","plugin_tags-comparison","plugin_tags-slider","plugin_contributors-kylewetton","plugin_committers-kylewetton"],"banners":{"banner":"https:\/\/ps.w.org\/modern-comparison-slider\/assets\/banner-772x250-rtl.png?rev=2286182","banner_2x":"https:\/\/ps.w.org\/modern-comparison-slider\/assets\/banner-1544x500-rtl.png?rev=2286182","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/modern-comparison-slider\/assets\/icon.svg?rev=2286182","icon":"https:\/\/ps.w.org\/modern-comparison-slider\/assets\/icon.svg?rev=2286182","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/modern-comparison-slider\/assets\/screenshot-1.png?rev=2286182","caption":"Theme: Standard"},{"src":"https:\/\/ps.w.org\/modern-comparison-slider\/assets\/screenshot-2.png?rev=2286182","caption":"Theme: Circle"},{"src":"https:\/\/ps.w.org\/modern-comparison-slider\/assets\/screenshot-3.png?rev=2286182","caption":"An example of using the tags"},{"src":"https:\/\/ps.w.org\/modern-comparison-slider\/assets\/screenshot-4.png?rev=2286182","caption":"An example of using the tag options"},{"src":"https:\/\/ps.w.org\/modern-comparison-slider\/assets\/screenshot-5.png?rev=2286182","caption":"Global settings for all sliders"}],"raw_content":"<!--section=description-->\n<p>A modern, easy-to-use comparison slider. Compare before and after images, for grading, CGI and other retouching comparisons. Easily convert two images into a comparison slider to show your work, whether it's photo grading, CGI, or any other kind of retouching.<\/p>\n\n<p>Using an intuitive tag that wraps two images, there is no other work that needs to be done to get your comparison sliders working.<\/p>\n\n<ul>\n<li>Two modern theme options<\/li>\n<li>Great customization including start on hover, and starting point<\/li>\n<li>Mobile friendly<\/li>\n<li>Lightweight<\/li>\n<li>Easy-to-use!<\/li>\n<\/ul>\n\n<p>All example photos by Dane Wetton.<\/p>\n\n<!--section=installation-->\n<p>You can search Modern Comparsion Slider right in your WordPress plugins section, alternatively you can download and install the plugin:<\/p>\n\n<ol>\n<li>Upload <code>modern-comparison-slider<\/code> to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Wrap two images of the same size with the [compare] tag<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt><h3>How do I use this plugin?<\/h3><\/dt>\n<dd><p>Place two images of the same size one after another in the editor (tip: If you're using the new editor, make sure your block that holds these two images is set to 'Classic')<\/p>\n\n<p>Wrap these two images with the [compare] [\/compare] tag. That's all it needs to get working!<\/p><\/dd>\n<dt><h3>How can I style the look and feel?<\/h3><\/dt>\n<dd><p>There is a settings page found at Settings &gt; Modern Compare Slider that will affect all sliders on the website. However, you can override a look and feel of any particular slider by using these options:<\/p>\n\n<p>To disable the drop shadow on the controls<\/p>\n\n<pre><code>[compare shadow=\"false\"]\n<\/code><\/pre>\n\n<p>To change the color of the controls<\/p>\n\n<pre><code>[compare color=\"#4299e1\"]\n<\/code><\/pre>\n\n<p>To change the theme<\/p>\n\n<pre><code>[compare theme=\"standard\"]\n[compare theme=\"circle\"]\n<\/code><\/pre>\n\n<p>To change the starting point, where the value is the percentage to show the before image initially.<\/p>\n\n<pre><code>[compare startingpoint=\"75\"]\n<\/code><\/pre>\n\n<p>To start the slider on hover<\/p>\n\n<pre><code>[compare hoverstart=\"true\"]\n<\/code><\/pre>\n\n<p>To disable smoothing<\/p>\n\n<pre><code>[compare smoothing=\"false\"]\n<\/code><\/pre>\n\n<p>To adjust the smoothing amount, where the higher the value, the more dampening you feel<\/p>\n\n<pre><code>[compare smoothingamount=\"250\"]\n<\/code><\/pre>\n\n<p><em>You can add multiple options to a slider like so<\/em><\/p>\n\n<pre><code>[compare smoothing=\"false\" color=\"#4299e1\" theme=\"circle\"]\n<\/code><\/pre><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Better mobile support (disables scrolling on interaction)<\/li>\n<li>Interaction persists when user leaves the scroller while mouse is down<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Accounts for WordPress automatically nesting images inside paragraph elements<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial version, stable and ready to go!<\/li>\n<\/ul>","raw_excerpt":"A modern, easy-to-use comparison slider. Compare before and after images, for grading, CGI and other retouching comparisons.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/120173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=120173"}],"author":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/kylewetton"}],"wp:attachment":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=120173"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=120173"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=120173"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=120173"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=120173"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=120173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}