reemplazar imagen a través de css

Question

Estoy escribiendo código en Stylish, un complemento de Firefox, para cambiar la imagen que se muestra.

propiedad La imagen no tiene una etiqueta div, así que tengo que usar esto:

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

Así que esto va a reemplazar "s_dschjungelplanet" en cualquier lugar de la página, en una img src.

Así que mi problema principal es que no estoy seguro cómo decirlo para reemplazar el src = "xxx".

Ta para las respuestas

Answer 1

No hay manera fácil. Creo que sería mejor con los scripts de greasemonkey, ya que con un simple script de este tipo puede cambiar la url.

Por lo que yo sé, no puede cambiar la URL con css solamente. Esto fue lo más cerca que pude venir sólo con 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

Puede probar esto:

img [src = * "s_dschjungelplanet"] { contenido: url ("myfavorite.png") ; }

Obras en Chrome, no en 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} 

cambiar el ancho y acolchado a sus especificaciones. Me funcionó.