title: how to change src of an img element even before the DOM loads
body: <p>I was wondering if there exists a carousel which has a bunch of images  shown to the user, but lets say that based on the User, the img shown in the carousel needs to change to something else. How can one change the img src, even before the page loads?  The DOM does not actually exist for us to get the dom element for img element and change its src to the new image? how can one do it?</p>
  
  <p>I was thinking may be have a inline script tag within the head section where the async is set to false which does not block the loading of the DOM. I am not sure. Please let me know if there are any other alternatives or html5 features for this </p>