Ich muss mit einem HTML-Code arbeiten, die ich nicht ändern kann (ich habe keinen Zugriff darauf), und ich kann nur die CSS überladen.Bearbeiten Sie ein Bild in die Quelle eines Bild-Tags eingefügt, nur mit CSS
Ich habe ein Bild in einem Bild-Tag mit einem src-Parameter, die ein Bild auf der Seite werfen. Ich habe mich gefragt, ob es eine Möglichkeit gibt, dieses Bild zu ändern?
Es gibt keine Möglichkeit, das Bild src durch reine CSS zu ändern, aber Sie können
Html Teil dieses Ansatzes tun:
<div class="my-image">
<img src="http://i.telegraph.co.uk/multimedia/archive/03598/lightning-10_3598416k.jpg" />
</div>
Css Teil:
.my-image img{
opacity: 0;max-width: 100%;
}
.my-image{
background-image: url("http://mixstuff.ru/wp-content/uploads/2013/07/15.jpg");
width: 300px;
height: 300px;
background-size: cover;
background-repeat: no-repeat;
}
Hope this Hilfe kann . Danke
Danke, leider funktioniert es nicht in meiner speziellen Umgebung (Salesforce Community Builder), aber ich versuche es in einem anderen Kontext und es funktioniert, also glaube ich nicht, dass ich eine bessere Antwort finden kann als deine. – dou
können Sie Javascript verwenden? – fernando
Mögliches Duplikat von [Ist es möglich, das Äquivalent eines src-Attributs eines img-Tags in CSS festzulegen?] (Http://stackoverflow.com/questions/2182716/is-it-possible-to-set-the-equivalent) -of-a-src-Attribut-eines-img-tag-in-css) - wenn ich die Frage richtig verstehe. –
Ich verstehe nicht wirklich, was Sie fragen. – Option