{"id":147866,"date":"2021-10-01T18:16:36","date_gmt":"2021-10-01T18:16:36","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/image-compare-block\/"},"modified":"2024-10-09T09:18:24","modified_gmt":"2024-10-09T09:18:24","slug":"image-compare-block","status":"closed","type":"plugin","link":"https:\/\/es-mx.wordpress.org\/plugins\/image-compare-block\/","author":14977198,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.6.2","stable_tag":"1.6.2","tested":"6.6.5","requires":"5.7","requires_php":"7.0","requires_plugins":null,"header_name":"Beaf - Photo Comparison Block","header_author":"Gutenbergkits","header_description":"<strong>Image Compare Block<\/strong> is a custom Gutenberg Block developed with Gutenberg Native Components to showcase images comparision.","assets_banners_color":"7c736d","last_updated":"2024-10-09 09:18:24","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/makegutenblock.com\/contact","header_plugin_uri":"","header_author_uri":"https:\/\/gutenbergkits.com","rating":4,"author_block_rating":4.5714285714286,"active_installs":900,"downloads":8328,"num_ratings":6,"support_threads":0,"support_threads_resolved":0,"author_block_count":6,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"binsaifullah","date":"2022-05-12 14:14:03"},"1.5.0":{"tag":"1.5.0","author":"binsaifullah","date":"2024-02-04 16:02:10"},"1.6.0":{"tag":"1.6.0","author":"binsaifullah","date":"2024-07-27 02:27:05"},"1.6.1":{"tag":"1.6.1","author":"binsaifullah","date":"2024-07-27 02:27:05"},"1.6.2":{"tag":"1.6.2","author":"binsaifullah","date":"2024-10-09 09:18:24"}},"upgrade_notice":[],"ratings":{"1":1,"2":0,"3":0,"4":2,"5":3},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":2607994,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2607994,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"icgb\/image-compare":{"apiVersion":2,"name":"icgb\/image-compare","version":"0.1.0","title":"Photo Comparison","category":"media","description":"Showcase Images Comparision with different styles","supports":{"html":false,"anchor":true},"keywords":["image","compare","compare images","image compare","image comparison"],"example":{"attributes":{"beforeImageUrl":"https:\/\/i.postimg.cc\/v8WNPMGL\/home-before.jpg","afterImageUrl":"https:\/\/i.postimg.cc\/m2B6JqDx\/home-after.jpg"}},"attributes":{"beforeImageUrl":{"type":"string"},"beforeImageAlt":{"type":"string"},"beforeImageId":{"type":"number"},"afterImageUrl":{"type":"string"},"afterImageAlt":{"type":"string"},"afterImageId":{"type":"number"},"verticalMode":{"type":"boolean","default":false},"hover":{"type":"boolean","default":false},"showLabel":{"type":"boolean","default":false},"leftImageLabel":{"type":"string","default":"Before"},"rightImageLabel":{"type":"string","default":"After"}},"textdomain":"image-comparision-block","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css"}},"tagged_versions":["1.0.0","1.5.0","1.6.0","1.6.1","1.6.2"],"block_files":["\/tags\/1.6.2\/build\/image-comparision\/index.js","\/tags\/1.6.2\/build\/image-comparision\/index.css","\/tags\/1.6.2\/build\/image-comparision\/style-index.css"],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":2607994,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":2607994,"resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":2607994,"resolution":"3","location":"assets","locale":""},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":2607994,"resolution":"4","location":"assets","locale":""}},"screenshots":[]},"plugin_section":[172757],"plugin_tags":[224163,130737,151844,176050,224162],"plugin_category":[],"plugin_contributors":[174986],"plugin_business_model":[],"class_list":["post-147866","plugin","type-plugin","status-closed","hentry","plugin_section-block","plugin_tags-beaf-slider","plugin_tags-before-after-slider","plugin_tags-gutenberg-block","plugin_tags-image-comparison","plugin_tags-photo-comparison","plugin_contributors-binsaifullah","plugin_committers-binsaifullah"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/image-compare-block_7c736d.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/image-compare-block\/assets\/screenshot-1.jpg?rev=2607994","caption":""},{"src":"https:\/\/ps.w.org\/image-compare-block\/assets\/screenshot-2.jpg?rev=2607994","caption":""},{"src":"https:\/\/ps.w.org\/image-compare-block\/assets\/screenshot-3.jpg?rev=2607994","caption":""},{"src":"https:\/\/ps.w.org\/image-compare-block\/assets\/screenshot-4.jpg?rev=2607994","caption":""}],"raw_content":"<!--section=description-->\n<p><strong>Beaf<\/strong> is a custom Gutenberg Block based plugin that is developed with <strong>Gutenberg Native Components<\/strong>. You can easily showcase the <strong>Photo Comparison<\/strong>. It comes with  different styles and settings so that you can easily customize it as per your needs. It is a lite version of Beaf Pro. To get more features and options, you can check the <a href=\"https:\/\/beaf.gutenbergkits.com\">Beaf Pro<\/a>.<\/p>\n\n<h3>Overview<\/h3>\n\n<ul>\n<li><a href=\"https:\/\/beaf.gutenbergkits.com\/demos\">See Demos<\/a><\/li>\n<li><a href=\"https:\/\/beaf.gutenbergkits.com\">Get Beaf Pro<\/a><\/li>\n<\/ul>\n\n<p>[youtube https:\/\/www.youtube.com\/watch?v=OylHrkczwK4]<\/p>\n\n<h3>Key Features<\/h3>\n\n<ul>\n<li>Simple, light-weight, and super-fast<\/li>\n<li><strong>Built with only Gutenberg Native Components<\/strong><\/li>\n<li><strong>No Block Builder at all<\/strong><\/li>\n<li><strong>100% Responsive<\/strong><\/li>\n<li><strong>Horizontal &amp; Vertical View<\/strong><\/li>\n<li>Images Comparison Options\n\n<ul>\n<li><strong>Before &amp; After Label<\/strong><\/li>\n<li><strong>Comparison start on Hover<\/strong><\/li>\n<li><strong>Horizontal &amp; Vertical Comparison<\/strong><\/li>\n<\/ul><\/li>\n<li>Easy to Use in Gutenberg Editor<\/li>\n<li><strong>Drag &amp; Drop Use<\/strong><\/li>\n<li>No jQuery dependency<\/li>\n<\/ul>\n\n<h4>Beaf Pro features<\/h4>\n\n<ul>\n<li>3 Content Types (Image, Video, Iframe - Google Map)<\/li>\n<li>Custom Label Styles<\/li>\n<li>Custom Label Position<\/li>\n<li>Custom Label Typography<\/li>\n<li>Labels Animation Options<\/li>\n<li>Custom Comparison Starting Point <\/li>\n<li>Custom Comparison Line<\/li>\n<li>Custom Comparison Line Color<\/li>\n<li>Custom Comparison Line Thickness<\/li>\n<li>Custom Caption for beaf slider<\/li>\n<\/ul>\n\n<p><strong>Beaf Pro<\/strong> is a premium version of Beaf. You can get more features and options in Beaf Pro. <a href=\"https:\/\/beaf.gutenbergkits.com\">Get Beaf Pro<\/a><\/p>\n\n<!--section=installation-->\n<p>This section describes how to install the plugin and get it working.<\/p>\n\n<p>e.g.<\/p>\n\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/image-compare-block<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<li>Simply go to Gutenberg Block Editor and you will find a new block at Media Category named \"Image Compare\"<\/li>\n<li>Drag and drop to use it.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20is%20beaf%20slider%3F\"><h3>What is Beaf Slider?<\/h3><\/dt>\n<dd><p>Beaf slider means Before and After Slider. It is a slider that showcases the before and after comparison between two images, videos, or iframes.<\/p><\/dd>\n<dt id=\"what%20is%20beaf%20pro%3F\"><h3>What is Beaf Pro?<\/h3><\/dt>\n<dd><p>Beaf Pro is a premium version of Beaf. You can get more features and options in Beaf Pro. <a href=\"https:\/\/beaf.gutenbergkits.com\">Get Beaf Pro<\/a><\/p><\/dd>\n<dt id=\"how%20to%20upgrade%20to%20beaf%20pro%3F\"><h3>How to upgrade to Beaf Pro?<\/h3><\/dt>\n<dd><p>Beaf Pro is the premium version of Beaf and it comes with a complete set of features and options. It is completely a separate plugin. You can simply deactivate the Beaf and install Beaf Pro. Then, you can start using it.<\/p><\/dd>\n<dt id=\"is%20it%20compatible%20with%20the%20latest%20wordpress%20version%3F\"><h3>Is it compatible with the latest WordPress version?<\/h3><\/dt>\n<dd><p>Yes, it is compatible with the latest WordPress version.<\/p><\/dd>\n<dt id=\"is%20it%20responsive%3F\"><h3>Is it responsive?<\/h3><\/dt>\n<dd><p>Sure, it is 100% Responsive<\/p><\/dd>\n<dt id=\"have%20you%20used%20any%20block%20builder%3F\"><h3>Have you used any block builder?<\/h3><\/dt>\n<dd><p>No, it is built with 100% Gutenberg Native Components only.<\/p><\/dd>\n<dt id=\"how%20can%20i%20use%20it%3F\"><h3>How can I use it?<\/h3><\/dt>\n<dd><p>Please follow the video tutorial to see the uses of it.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.6.2<\/h4>\n\n<ul>\n<li>Compatibility with the latest WordPress version<\/li>\n<\/ul>\n\n<h4>1.6.1<\/h4>\n\n<ul>\n<li>Admin page updated<\/li>\n<li>Popup notice issue fixed<\/li>\n<\/ul>\n\n<h4>1.6.0<\/h4>\n\n<ul>\n<li>Beaf Pro is now available<\/li>\n<li>Labels position issue fixed<\/li>\n<li>Admin page updated<\/li>\n<\/ul>\n\n<p>1.5.0 - Checking Compatibility with the Latest WordPress version\n1.0.0 - Initial Release<\/p>","raw_excerpt":"Beaf is a Gutenberg Block developed with Gutenberg Native Components to showcase photo Comparison with different styles.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/147866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=147866"}],"author":[{"embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/binsaifullah"}],"wp:attachment":[{"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=147866"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=147866"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=147866"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=147866"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=147866"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=147866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}