{"id":4,"date":"2023-01-20T05:53:50","date_gmt":"2023-01-20T05:53:50","guid":{"rendered":"https:\/\/themify.org\/addon-ab-image\/?page_id=4"},"modified":"2025-11-24T01:54:39","modified_gmt":"2025-11-24T01:54:39","slug":"demo","status":"publish","type":"page","link":"https:\/\/themify.org\/addon-ab-image\/","title":{"rendered":"Home"},"content":{"rendered":"\n
\n
\n
\n
\n \n
\n
\n

A\/B Image<\/h1>

The A\/B Image\u00a0module allows you to take two images and literally place it side by side each other, allowing viewers to compare your images. Ideally built to show before and after images or to compare two versions of the same image, the module has a built-in slide bar with left and right arrows allowing users to view the entire image or a portion of the image by\u00a0sliding the bar vertically or horizontally. See how it works below.<\/p> <\/div>\n<\/div>\n

\n
\n \n
\n \n
\n\t\t\"iphone-6-apple-pic2\"\"iPhone-5c1\"\t\t
\n\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t<\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n
\n \n
\n \n
\n\t\t\"img2\"\"img1\"\t\t
\n\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t<\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n \n
\n \n
\n\t\t\"ab-grey\"\"ab-color\"\t\t
\n\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t<\/div>\n <\/div>\n\n <\/div>\n\n\n
\n \n
\n\t\t\"shoe\"\"shoe-negative\"\t\t
\n\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t<\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n \n
\n \n
\n\t\t\"new_beetle\"\"old_beetle\"\t\t
\n\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t<\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n \n
\n \n
\n\t\t\"hannes-egler-299805-unsplash-1\"\"joey-banks-259792-unsplash-1\"\t\t
\n\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t<\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

A\/B ImageThe A\/B Image\u00a0module allows you to take two images and literally place it side by side each other, allowing viewers to compare your images. Ideally built to show before and after images or to compare two versions of the same image, the module has a built-in slide bar with left and right arrows allowing […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"builder_content":"

A\/B Image<\/h1>

The A\/B Image\u00a0module allows you to take two images and literally place it side by side each other, allowing viewers to compare your images. Ideally built to show before and after images or to compare two versions of the same image, the module has a built-in slide bar with left and right arrows allowing users to view the entire image or a portion of the image by\u00a0sliding the bar vertically or horizontally. See how it works below.<\/p>\n\"iphone-6-apple-pic2\"\"iPhone-5c1\"\n\"img2\"\"img1\"\n\"ab-grey\"\"ab-color\"\n\"shoe\"\"shoe-negative\"\n\"new_beetle\"\"old_beetle\"\n\"hannes-egler-299805-unsplash-1\"\"joey-banks-259792-unsplash-1\"","_links":{"self":[{"href":"https:\/\/themify.org\/addon-ab-image\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themify.org\/addon-ab-image\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themify.org\/addon-ab-image\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themify.org\/addon-ab-image\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/themify.org\/addon-ab-image\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":8,"href":"https:\/\/themify.org\/addon-ab-image\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/themify.org\/addon-ab-image\/wp-json\/wp\/v2\/pages\/4\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/themify.org\/addon-ab-image\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}