{"id":55508,"date":"2017-05-23T18:10:05","date_gmt":"2017-05-23T12:40:05","guid":{"rendered":"https:\/\/wponlinesupport.com\/?post_type=sp_plugin&#038;p=55508"},"modified":"2022-03-08T11:36:58","modified_gmt":"2022-03-08T06:06:58","slug":"before-after-image-slider","status":"publish","type":"sp_plugin","link":"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/","title":{"rendered":"Before &#038; After Image Slider"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"983\" height=\"94\" src=\"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/04\/Page-Builders-support.png\" alt=\"\" class=\"wp-image-234961\" srcset=\"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/04\/Page-Builders-support.png 983w, https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/04\/Page-Builders-support-300x29.png 300w, https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/04\/Page-Builders-support-768x73.png 768w, https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/04\/Page-Builders-support-624x60.png 624w\" sizes=\"(max-width: 983px) 100vw, 983px\" \/><figcaption><strong>Popular Page Builders Support<\/strong><\/figcaption><\/figure><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\">Before After Image Slider WordPress plugin, that makes it easy to highlight the visual differences between two images. Perfect to showcase your work, where it\u2019s essential to visualize the changes you\u2019ve made.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column text-center is-layout-flow wp-block-column-is-layout-flow\">\n<a class=\"wpos-scroll wpos-analytics-event button large button-orange\" onclick=\"jQuery('.tabs .tabs-title a[href=\\'#wpos-epb\\']').click()\" href=\"#wpos-epb\" data-label=\"Single Page Grab Now\" data-event=\"Single Page Grab Now\" data-event-action=\"Single Page grab Now\">Grab Now<\/a>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"features-list\">Features List<\/h3>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul><li><strong>Responsive<\/strong> \u2013 fully responsive layout<\/li><li><strong>Mobile Friendly<\/strong> \u2013 support for touch devices like phones and tablets<\/li><li><strong>Shortcode<\/strong> &#8211; add shortcodes easily<\/li><li><strong>Different Orientations<\/strong> \u2013 use horizontal and vertical orientations<\/li><li><strong>Custom Labels<\/strong> \u2013 set any labels text<\/li><li><strong>Offset<\/strong> \u2013 A offset ie How much of the before image is visible when the page loads.<\/li><li><strong>Multiple Views<\/strong> \u2013 create unlimited views on on one page<\/li><\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"768\" src=\"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/05\/wordpress-image-before-after-page.jpg\" alt=\"\" class=\"wp-image-235156\" srcset=\"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/05\/wordpress-image-before-after-page.jpg 800w, https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/05\/wordpress-image-before-after-page-300x288.jpg 300w, https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/05\/wordpress-image-before-after-page-768x737.jpg 768w, https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/05\/wordpress-image-before-after-page-624x599.jpg 624w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column text-center is-layout-flow wp-block-column-is-layout-flow\">\n<a class=\"wpos-scroll wpos-analytics-event button large button-orange\" onclick=\"jQuery('.tabs .tabs-title a[href=\\'#wpos-epb\\']').click()\" href=\"#wpos-epb\" data-label=\"Single Page Grab Now\" data-event=\"Single Page Grab Now\" data-event-action=\"Single Page grab Now\">Grab Now<\/a>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Before After Image Slider WordPress plugin, that makes it easy to highlight the visual differences between two images. Perfect to showcase your work, where it\u2019s essential to visualize the changes you\u2019ve made. Features List Responsive \u2013 fully responsive layout Mobile Friendly \u2013 support for touch devices like phones and tablets Shortcode &#8211; add shortcodes easily [&hellip;]<\/p>\n","protected":false},"featured_media":234756,"parent":0,"menu_order":0,"template":"","sp-plugin-catagory":[2,4],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Before After Image Slider - WordPress Plugin - Essential Plugin<\/title>\n<meta name=\"description\" content=\"Before After Image Slider WordPress plugin, that makes it easy to highlight the visual differences between two images. Check it out!!!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Before After Image Slider - WordPress Plugin - Essential Plugin\" \/>\n<meta property=\"og:description\" content=\"Before After Image Slider WordPress plugin, that makes it easy to highlight the visual differences between two images. Check it out!!!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/\" \/>\n<meta property=\"og:site_name\" content=\"Essential Plugin\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wordpressandmarketing\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-08T06:06:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/09\/wordpress-image-before-after.png\" \/>\n\t<meta property=\"og:image:width\" content=\"430\" \/>\n\t<meta property=\"og:image:height\" content=\"210\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@essentialplugin\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/\",\"url\":\"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/\",\"name\":\"Before After Image Slider - WordPress Plugin - Essential Plugin\",\"isPartOf\":{\"@id\":\"\/#website\"},\"datePublished\":\"2017-05-23T12:40:05+00:00\",\"dateModified\":\"2022-03-08T06:06:58+00:00\",\"description\":\"Before After Image Slider WordPress plugin, that makes it easy to highlight the visual differences between two images. Check it out!!!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.essentialplugin.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Before &#038; After Image Slider\"}]},{\"@type\":\"WebSite\",\"@id\":\"\/#website\",\"url\":\"\/\",\"name\":\"Essential Plugin\",\"description\":\"\",\"publisher\":{\"@id\":\"\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"\/#organization\",\"name\":\"Essential Plugin\",\"url\":\"\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2021\/08\/essential-plugin-logo.png\",\"contentUrl\":\"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2021\/08\/essential-plugin-logo.png\",\"width\":356,\"height\":76,\"caption\":\"Essential Plugin\"},\"image\":{\"@id\":\"\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/wordpressandmarketing\",\"https:\/\/twitter.com\/essentialplugin\",\"https:\/\/www.instagram.com\/wordpressandmarketing\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Before After Image Slider - WordPress Plugin - Essential Plugin","description":"Before After Image Slider WordPress plugin, that makes it easy to highlight the visual differences between two images. Check it out!!!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/","og_locale":"en_US","og_type":"article","og_title":"Before After Image Slider - WordPress Plugin - Essential Plugin","og_description":"Before After Image Slider WordPress plugin, that makes it easy to highlight the visual differences between two images. Check it out!!!","og_url":"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/","og_site_name":"Essential Plugin","article_publisher":"https:\/\/www.facebook.com\/wordpressandmarketing","article_modified_time":"2022-03-08T06:06:58+00:00","og_image":[{"width":430,"height":210,"url":"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2017\/09\/wordpress-image-before-after.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@essentialplugin","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/","url":"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/","name":"Before After Image Slider - WordPress Plugin - Essential Plugin","isPartOf":{"@id":"\/#website"},"datePublished":"2017-05-23T12:40:05+00:00","dateModified":"2022-03-08T06:06:58+00:00","description":"Before After Image Slider WordPress plugin, that makes it easy to highlight the visual differences between two images. Check it out!!!","breadcrumb":{"@id":"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.essentialplugin.com\/wordpress-plugin\/before-after-image-slider\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.essentialplugin.com\/"},{"@type":"ListItem","position":2,"name":"Before &#038; After Image Slider"}]},{"@type":"WebSite","@id":"\/#website","url":"\/","name":"Essential Plugin","description":"","publisher":{"@id":"\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"\/#organization","name":"Essential Plugin","url":"\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"\/#\/schema\/logo\/image\/","url":"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2021\/08\/essential-plugin-logo.png","contentUrl":"https:\/\/www.essentialplugin.com\/wp-content\/uploads\/2021\/08\/essential-plugin-logo.png","width":356,"height":76,"caption":"Essential Plugin"},"image":{"@id":"\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wordpressandmarketing","https:\/\/twitter.com\/essentialplugin","https:\/\/www.instagram.com\/wordpressandmarketing\/"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.essentialplugin.com\/wp-json\/wp\/v2\/sp_plugin\/55508"}],"collection":[{"href":"https:\/\/www.essentialplugin.com\/wp-json\/wp\/v2\/sp_plugin"}],"about":[{"href":"https:\/\/www.essentialplugin.com\/wp-json\/wp\/v2\/types\/sp_plugin"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.essentialplugin.com\/wp-json\/wp\/v2\/media\/234756"}],"wp:attachment":[{"href":"https:\/\/www.essentialplugin.com\/wp-json\/wp\/v2\/media?parent=55508"}],"wp:term":[{"taxonomy":"sp-plugin-catagory","embeddable":true,"href":"https:\/\/www.essentialplugin.com\/wp-json\/wp\/v2\/sp-plugin-catagory?post=55508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}