[jQuery] css sheet change protocol of background images on the fly
On a secure (HTTPS) page, if I call a css that contain absolute paths to images, i.e.
background-image: url("http://www.xxxxx.com/images/d.gif")
browsers will throw a secure/nonsecure error.
We currently use JavaScript to print the style to the document at runtime so we can control the protocol reference.
document.write(' background-image: url('+writeSWNprotocol+'://www.xxxxx.com/images/d.gif);');
This seems messy (and unnecessary).
2) Does $(document).ready(function() {} fire soon enough to flip the protocol on all [background] image calls to "https" so the browser won't balk at the nonsecure images?