Ist es möglich, ändern Sie die img src-Attribut mit css?
Ich bin versucht zu ändern, img-src (nicht auf den hintergrund img src) mit css
<img id="btnUp" src="img/btnUp.png" alt="btnUp"/>
#btnUp{
cursor:pointer;
}
#btnUp:hover{
src:img/btnUpHover; /* is this possible ? It would be so elegant way.*/
}
InformationsquelleAutor qadenza | 2013-07-17
Du musst angemeldet sein, um einen Kommentar abzugeben.
Nicht - CSS kann nur verwendet werden, ändern, CSS hintergrund-Bilder, keine HTML-Inhalte.
Im Allgemeinen UI-Elemente (nicht die Inhalte), dargestellt werden soll die Verwendung von CSS-Hintergründen sowieso. Swapping Klassen tauschen können hintergrund-Bilder.
Falsch - Sie können ganz einfach tun dies mit CSS3 und der
content
Attribut, siehe hier: stackoverflow.com/questions/2182716/...Update: das content-Attribut funktioniert nur in Webkit/Chrome - Nicht in FF oder IE.
CSS ist besser, siehe: stackoverflow.com/questions/28832129/... und Details hier: css-tricks.com/replace-the-image-in-an-img-with-css
Dies ist eine falsche Antwort. Sie können das Bild mit Hilfe der content-Eigenschaft in CSS wie bereits von @gjgsoftware.com
InformationsquelleAutor Diodeus - James MacFarlane
Können Sie verwenden :
Update: Scheint so, das funktioniert nur in webkit/Chrome, aber nicht im FF oder IE.
Das funktioniert nicht in Firefox
InformationsquelleAutor gjgsoftware.com
Gibt es eine andere Möglichkeit dieses Problem zu beheben : verwenden Sie CSS-box-sizing.
HTML :
CSS :
http://css-tricks.com/replace-the-image-in-an-img-with-css/
Sie sind willkommen, dude 🙂
ja, das ist die Lösung
glücklich, die helfen können
InformationsquelleAutor Ben Tayaa
Können Sie CSS verwenden, um a) stellen Sie das ursprüngliche Bild unsichtbar, indem Sie seine Breite und Höhe auf 0 setzen, oder bewegt es off-screen etc., und b) fügen Sie ein neues Bild ::before oder ::after pseudo-element.
Wird einen Leistungseinbruch, obwohl, wie der browser so laden sowohl das original und das neue Bild. Aber es wird nicht erfordern Javascript!
InformationsquelleAutor Mr Lister
Können Sie nicht setzen das Bild
src
Attribut per CSS. Sie bekommen können, als wenn Sie wollte, um zu verwendenbackground
oderbackground-image
.InformationsquelleAutor Dhaval Marthak
könnten Sie versuchen, so etwas wie dieses
oder
InformationsquelleAutor daniel__
Können Sie verwenden eine Mischung von JavaScript und CSS zu erreichen, aber Sie können dies nicht mit CSS allein.
<img id="btnUp" src="empty.png" alt="btnUp" onmouseover="change(img)" onmouseout="changeback(img)" />
Statt img setzen Sie die Datei-Namen sans-Datei-Typ.
Dann verwenden Sie CSS zum ändern des img-Tags oder der id nach Ihren wünschen.
InformationsquelleAutor Patrick
Könnte man das Bild auf ein komplett transparentes Bild, dann ändern Sie die hintergrund-Bild, etwa so:
Die Bilder haben die gleiche Größe aber. 🙁
Hoffe, das hilft!
InformationsquelleAutor CookiePanda