{"id":1379,"date":"2024-03-10T15:58:24","date_gmt":"2024-03-10T09:58:24","guid":{"rendered":"https:\/\/pluginbazar.com\/boosterpack\/?page_id=1379"},"modified":"2024-09-11T03:41:30","modified_gmt":"2024-09-10T21:41:30","slug":"image-compare","status":"publish","type":"page","link":"https:\/\/pluginbazar.com\/boosterpack\/image-compare\/","title":{"rendered":"Image Compare"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1379\" class=\"elementor elementor-1379\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab26b53 e-flex e-con-boxed e-con e-parent\" data-id=\"7ab26b53\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7df06e13 e-con-full e-flex e-con e-child\" data-id=\"7df06e13\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-673648aa elementor-widget elementor-widget-heading\" data-id=\"673648aa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 20-03-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Image Compare<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-242128b1 elementor-widget elementor-widget-text-editor\" data-id=\"242128b1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 20-03-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>With this widget, you can upload two images and easily create an interactive slider that allows your audience to compare and contrast the differences between the two images. You can control the sliding effect.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d51e1c5 e-flex e-con-boxed e-con e-parent\" data-id=\"d51e1c5\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-442d502 e-con-full e-flex e-con e-child\" data-id=\"442d502\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-784d67d e-con-full e-flex e-con e-child\" data-id=\"784d67d\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1e542f2 e-con-full e-flex e-con e-child\" data-id=\"1e542f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-befbf8a elementor-widget elementor-widget-heading\" data-id=\"befbf8a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Image Compare Style - 1<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5321a9e elementor-widget elementor-widget-heading\" data-id=\"5321a9e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Horizontal Sliding<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c648756 e-flex e-con-boxed e-con e-child\" data-id=\"c648756\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d84ea93 elementor-widget elementor-widget-boosterpack-image-compare\" data-id=\"d84ea93\" data-element_type=\"widget\" data-widget_type=\"boosterpack-image-compare.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<div class=\"boosterpack-image-compare\">\n    <div id=\"image-compare-d84ea93\" class=\"image-compare boosterpack-image-compare-overlay\" data-settings=\"{&quot;id&quot;:&quot;image-compare-d84ea93&quot;,&quot;default_offset_pct&quot;:70,&quot;before_label&quot;:&quot;Before&quot;,&quot;after_label&quot;:&quot;After&quot;,&quot;no_overlay&quot;:true,&quot;on_hover&quot;:true,&quot;move_slider_on_hover&quot;:true,&quot;smoothing&quot;:true,&quot;smoothing_amount&quot;:400,&quot;bar_color&quot;:&quot;#ffffff&quot;}\">\n        <img decoding=\"async\" src=\"https:\/\/pluginbazar.com\/boosterpack\/wp-content\/uploads\/2024\/03\/Before-image-2.jpg\"\n             alt=\"Before Image\">\n        <img decoding=\"async\" src=\"https:\/\/pluginbazar.com\/boosterpack\/wp-content\/uploads\/2024\/03\/After-image-2.jpg\"\n             alt=\"After Image\">\n    <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a02dde9 e-flex e-con-boxed e-con e-parent\" data-id=\"a02dde9\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b021269 e-con-full e-flex e-con e-child\" data-id=\"b021269\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-39d8215 e-flex e-con-boxed e-con e-child\" data-id=\"39d8215\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f8df15b e-flex e-con-boxed e-con e-child\" data-id=\"f8df15b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d79dedc elementor-widget elementor-widget-heading\" data-id=\"d79dedc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Image Compare Style - 2<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4360b6a elementor-widget elementor-widget-heading\" data-id=\"4360b6a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vertical Sliding<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2aa0419 elementor-widget elementor-widget-text-editor\" data-id=\"2aa0419\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Control user-friendly interactive trigger effect.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ec9842 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"1ec9842\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/pluginbazar.com\/boosterpack\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-list.min.css\">\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Click to move<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Slide on hover<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Smoothing slide<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Image overlay<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Add circle bar<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Circle blur<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Circle shadow<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0efa1d e-flex e-con-boxed e-con e-child\" data-id=\"b0efa1d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eac3a32 elementor-widget elementor-widget-boosterpack-image-compare\" data-id=\"eac3a32\" data-element_type=\"widget\" data-widget_type=\"boosterpack-image-compare.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<div class=\"boosterpack-image-compare\">\n    <div id=\"image-compare-eac3a32\" class=\"image-compare boosterpack-image-compare-overlay\" data-settings=\"{&quot;id&quot;:&quot;image-compare-eac3a32&quot;,&quot;default_offset_pct&quot;:70,&quot;orientation&quot;:true,&quot;before_label&quot;:&quot;Before&quot;,&quot;after_label&quot;:&quot;After&quot;,&quot;no_overlay&quot;:true,&quot;on_hover&quot;:true,&quot;add_circle&quot;:true,&quot;add_circle_blur&quot;:true,&quot;add_circle_shadow&quot;:true,&quot;smoothing&quot;:true,&quot;smoothing_amount&quot;:400,&quot;bar_color&quot;:&quot;#ffffff&quot;}\">\n        <img decoding=\"async\" src=\"https:\/\/pluginbazar.com\/boosterpack\/wp-content\/uploads\/2024\/03\/Background-remove-before-1.jpg\"\n             alt=\"Before Image\">\n        <img decoding=\"async\" src=\"https:\/\/pluginbazar.com\/boosterpack\/wp-content\/uploads\/2024\/03\/Background-remove-after-1.jpg\"\n             alt=\"After Image\">\n    <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>With this widget, you can upload two images and easily create an interactive slider that allows your audience to compare and contrast the differences between the two images. You can control the sliding effect. Image Compare Style &#8211; 1 Horizontal Sliding Image Compare Style &#8211; 2 Vertical Sliding Control user-friendly interactive trigger effect.\u00a0 Click to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/pluginbazar.com\/boosterpack\/wp-json\/wp\/v2\/pages\/1379"}],"collection":[{"href":"https:\/\/pluginbazar.com\/boosterpack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pluginbazar.com\/boosterpack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pluginbazar.com\/boosterpack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pluginbazar.com\/boosterpack\/wp-json\/wp\/v2\/comments?post=1379"}],"version-history":[{"count":46,"href":"https:\/\/pluginbazar.com\/boosterpack\/wp-json\/wp\/v2\/pages\/1379\/revisions"}],"predecessor-version":[{"id":4741,"href":"https:\/\/pluginbazar.com\/boosterpack\/wp-json\/wp\/v2\/pages\/1379\/revisions\/4741"}],"wp:attachment":[{"href":"https:\/\/pluginbazar.com\/boosterpack\/wp-json\/wp\/v2\/media?parent=1379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}