Bild durch CSS ersetzen

Question

Ich schreibe Code in Stylish, ein Firefox-Plugin, um das Bild zu ändern, das angezeigt wird.

Die Bildeigenschaft nicht über einen div-Tag, so dass ich diese verwenden:

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

So wird dies ersetzen "s_dschjungelplanet" irgendwo auf der Seite, in einem img src.

Also mein Hauptproblem ist, dass ich nicht sicher bin, wie man es sagt, um das src = "xxx" zu ersetzen.

Ta für Antworten

Answer 1

Es gibt keinen einfachen Weg. Ich denke, du wärst besser mit Greymonkey-Skripten, denn mit einem einfachen Skript kannst du die URL ändern.

Soweit ich weiß, können Sie die URL nicht nur mit CSS ändern. Dies war in der Nähe ich in der Lage war, mit CSS kommen nur:

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

Sie können dies versuchen:

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

Arbeiten in Chrome, nicht in 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} 

Ändern Sie die Breite und Polsterung an Ihre Spezifikationen. Es hat für mich funktioniert.