заменить изображение через CSS

Question

Я пишу код в Stylish, плагине Firefox, для изменения отображаемого изображения.

Свойство image не имеет тега div, поэтому я должен использовать это:

img[src*="s_dschjungelplanet"]{
##########
}

Так что это заменит "s_dschjungelplanet" в любом месте страницы, в img src.

Так что моя главная проблема в том, что я не уверен, КАК сказать ему заменить src = "xxx".

Та за ответы

Answer 1

Легкого пути нет. Я думаю, что вам лучше использовать сценарии greasemonkey, так как с помощью простого такого сценария вы можете изменить URL.

Насколько я знаю, вы не можете изменить URL только с помощью CSS. Это было самое близкое, что я смог сделать только с css:

img[src*="s_dschjungelplanet"]{
    width:0;
    height:70px;
    padding-right:250px;
    background:transparent url(http://i.stackoverflow.com/Content/Img/stackoverflow-logo-250.png) top left no-repeat;
}

Answer 2

Вы можете попробовать это:

IMG [SRC = "s_dschjungelplanet"] { content: url ("myfavorite.png"); }

Работает в Chrome, а не в Firefox ...

Answer 3

img[src*="http://url-of-image-to-be-replaced.jpg"]{
    background-image: url("https://url-of-image-you-want-to-display.jpg");
    width:38px;
    display:inline-block;
    padding:38px 0 0 0;
    height: 0px}

Измените ширину и отступы в соответствии со своими характеристиками. Это работает для меня.