We are trying to replace some banners in carousel which will be different for different audience base, after creating activity when I checked QA URL we noticed that Target banners are getting overwritten by AEM banners(banners that we want to replace), further when I checked it in developers tool, I got to know that this is happening due to Lazy load function used to load images.
Following are the things that I noticed in Developers tool( in case where I have changed second banner in carousel ),
-Whenever my offer hits on page it replaces old banner with new Target offer banner ( until you slide to the second image ).
-Default (old banner in second slide) is still not loaded cause of lazy load function.
-Once you slide to second image Default (old banner) will load and overwrite Target banner.
There is only one page, lets say homepage which is having carousal on it, our client has implemented lazy load functionality for loading images in carousel, that means if you slide to second image in carousal it will load gradually (i.e. image does not load until you slide to second image and maybe image src too)
Now what happening is, when we change second banner in carousel with help of Target it perfectly changes image src until we slide to second banner, as we can see in developers tool,
but once you slide to second banner image src will be overwritten by old banner which appears gradually because of lazy load functionality
Thank you for clarifying. If its not available on first load then Target doesn't know about it and cant' change it I don't think this will work however you could try doing the following: 1. Set up the activity in the VEC (Virtual Experience Composer) 2. Edit the activity and modify the first image. 3. Then "Slide to second image in carousel" 4. Make the changes to the second image. 5. Save and publish.
Like I said unless the image is available at run-time this will probably not work. Let me know either way.