Define Base-URL for img src via CSS

Question

Is it possible to define the base URL used for <img>-tags of a certain class via CSS?

For example my <img>-tag would look like

<img class="switchingURL" src="pic1.png">

Then I'd like a kind of CSS element like:

.switchingURL {base-url: /images/;}

Then if I want another picture set, I'd rewrite it to something like:

.switchingURL {base-url: http://www.tempsite.de/newstyle/images/;}

Does a tag similar to the base-url I used in the examples above exist?

AFAIK, no, but if you know the image size a'priori you can use background-image: url(...) under a generic block element instead. — SF.
– SF., Commented Nov 8, 2013 at 8:57

Hussein Nazzal · Accepted Answer · 2013-11-08 09:00:15Z

1

SEARCH NO MORE , you can not do that with css .

but it's your lucky day , with a simple line of jquery you can do that .

$('img[src=""]').attr("src", "images/someimg.jpg")

the above line searches for empty src and sets it to images/someimg.jpg

answered Nov 8, 2013 at 9:00

Hussein Nazzal

2,56720 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1