{"id":176378,"date":"2024-11-25T09:50:18","date_gmt":"2024-11-25T04:20:18","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?page_id=176378"},"modified":"2025-04-02T12:38:14","modified_gmt":"2025-04-02T07:08:14","slug":"on-scroll-change-background-image-for-elementor-new-demos","status":"publish","type":"page","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/on-scroll-change-background-image-for-elementor-new-demos\/","title":{"rendered":"On Scroll Change Background Image for Elementor New Demos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"176378\" class=\"elementor elementor-176378\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de78f0c e-con-full e-flex e-con e-parent\" data-id=\"de78f0c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-12434a4 e-con-full e-flex e-con e-child\" data-id=\"12434a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;yes&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d33b40 text-left elementor-widget__width-initial elementor-widget elementor-widget-tp-heading-title\" data-id=\"9d33b40\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69fbf9c41cf9e style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"SPIDERMAN\">SPIDERMAN<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-888c560 elementor-widget elementor-widget-tp-row-background\" data-id=\"888c560\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-row-background.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pt-plus-row-settings\" class=\"pt-plus-row-set theplus_row69fbeb78192fc     \" data-no=\"theplus_row69fbeb78192fc\"  data-section-hidden=\"inherit\"><div class=\"plus-scroll-sections-bg scroll888c560\" data-id=\"scroll888c560\" data-bg-colors=\"[&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/11\\\/spiderman-bg-image.png&quot;,&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/11\\\/lokie-bg-image.png&quot;,&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/11\\\/straing-bg-image.png&quot;,&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/11\\\/thor-bg-image.png&quot;,&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/11\\\/thanos-bg-image.png&quot;]\" data-position=\"inherit\" style=\"transition-duration:0.8s;\"><div class=\"elementor-repeater-item-f373963 plus-section-bg-scrolling  active_sec\" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/11\/spiderman-bg-image.png);transition-duration:0.8s;\"><\/div><div class=\"elementor-repeater-item-768c67b plus-section-bg-scrolling  \" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/11\/lokie-bg-image.png);transition-duration:0.8s;\"><\/div><div class=\"elementor-repeater-item-a594f90 plus-section-bg-scrolling  \" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/11\/straing-bg-image.png);transition-duration:0.8s;\"><\/div><div class=\"elementor-repeater-item-30d21b7 plus-section-bg-scrolling  \" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/11\/thor-bg-image.png);transition-duration:0.8s;\"><\/div><div class=\"elementor-repeater-item-c08b1be plus-section-bg-scrolling  \" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/11\/thanos-bg-image.png);transition-duration:0.8s;\"><\/div><\/div><\/div>\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-7fa20dd e-con-full e-flex e-con e-child\" data-id=\"7fa20dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;yes&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e787d50 text-left elementor-widget__width-initial elementor-widget elementor-widget-tp-heading-title\" data-id=\"e787d50\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69fbf9c41dbaa style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"LOKIE\">LOKIE<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\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-9ba3d45 e-con-full e-flex e-con e-child\" data-id=\"9ba3d45\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;yes&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8300b49 text-left elementor-widget__width-initial elementor-widget elementor-widget-tp-heading-title\" data-id=\"8300b49\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69fbf9c41e728 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"Dr. Strange\">Dr. Strange<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\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-2eb004e e-con-full e-flex e-con e-child\" data-id=\"2eb004e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;yes&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a79b4f text-left elementor-widget__width-initial elementor-widget elementor-widget-tp-heading-title\" data-id=\"8a79b4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69fbf9c41f289 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"THOR\">THOR<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\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-db85f13 e-con-full e-flex e-con e-child\" data-id=\"db85f13\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;yes&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27c045e text-left elementor-widget__width-initial elementor-widget elementor-widget-tp-heading-title\" data-id=\"27c045e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69fbf9c41fe34 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"THANOS\">THANOS<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>SPIDERMAN In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city&#8217;s labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. LOKIE [&hellip;]<\/p>\n","protected":false},"author":61,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-176378","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages\/176378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=176378"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages\/176378\/revisions"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=176378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}