Is it possibile in css to link a background image based on a link that appears in the HTML of the page?

Question

The page html has a link in it, that I want to use as the background image of the page. The problem is that there are hundreds pages all with different links in them and I want to use this stylesheet to affect them all. Possible?

Answer 1

Externally included CSS stylesheets have no way of getting information from any inputs or the DOM.

Here is a basic solution using jquery.

Assuming jquery and a selector on the element that contains the URL.

IE:

 <img src="path/to/image.jpg" id="backgroundImage"/>

JS:

$(document).on('load', function() {
    var imgSrc = $('#backgroundImage').prop('src');
    $(body).css('background', 'url(' + img + ')');
});