If you're saying that you cannot change the <img>
tags in the HTML content, then you're stuck. Nothing you can do with javascript or with HTML around it will prevent them from loading and then allow you to take control over when they load.
Javascript cannot operate on the DOM until after the images have already started loading so they will be already loading when you get control with javascript.
Wrapping in an HTML comment will likely be problematic in some browsers because I've read that not all browsers keep the content that is inside the comment.
Various ways to render the images invisible with a CSS rule (display: none
or visibility: hidden
) will not prevent them from loading.