Is there possibility to include image in css file?

[pfk-beta]

No description provided.

[imsky]

Can you give an example of how you'd want this to work?

[pfk-beta]

I placed in css something like this:
background-image: url('holder.js/200x300');
Then Holder checks all element in DOM, in searching css atribute background-image. If found, it changes it. And I'm wondering whether is it worthwhile.

[imsky]

It's an interesting idea, though it requires a fair amount of additional processing. I'll see if I can get this into 1.4.

[timiles]

I need this too - in the meantime, I have worked around this with custom js (requires jQuery):

            var backgroundImageContainer = $("<div>").attr("id", <some_unique_id>).addClass("hidden");
            $("body").append(backgroundImageContainer);
            Holder.add_image("holder.js?200x200", "#" + backgroundImageContainer.attr("id")).run();
            $(<my_element_selector>).css("background-image", "url(" + $("img", backgroundImageContainer).attr("src") + ")");
            backgroundImageContainer.remove();

[jasperkennis]

Compass allows for inline images to be declared right into the css. I don't know how it works, but it might be of help to have a look in te the source if the proposed functionality is to be included into holder.

[imsky]

@jasperkennis Compass encodes the image file using Base64 and embeds it using the data URI scheme. To mirror the same functionality, Holder would need to parse CSS, which at this stage would be unnecessary. I've already tested the CSS placeholder approach, it works, and will be included in 1.4 as soon as possible.

[imsky]

This is now implemented, see https://github.com/imsky/holder#background-placeholders