Bildquelle wechseln mit :hover
iller
- css
0 Jan0 Ashura0 Biesterfeld0 Ingo Turski
Hi da draußen
gibt es irgendeine Möglichkeit, per :hover eines Bildes dessen Bildquelle zu wechseln (und auch ein Workaround für den IE dazu, weil ich sicher bin dass der IE das dann nicht kann)?
danke schonmal
Mir fällt nur ein, dass man das Bild als Hintergrundbild einbinden kann. Per hover kann man das ja leicht wechseln. Hilft das?
Hallo iller.
gibt es irgendeine Möglichkeit, per :hover eines Bildes dessen Bildquelle zu wechseln
Auf die schnelle fällt mir da nur ein, ein komplett durchsichtiges GIF oder PNG Bild mit dem gewünschten Ausgangsbild zu versehen und bei :hover dieses auszutauschen.
(und auch ein Workaround für den IE dazu, weil ich sicher bin dass der IE das dann nicht kann)?
Richtig erkannt. Der IE erkennt :hover im Normalfall nur für <a>-Elemente, von einigen Workarounds einmal abgesehen.
Du hast nun die Wahl, die selbe Prozedur wie oben angegeben statt für ein Bild, für einen Link durchzuführen.
Alles in allem aber eine müßige Angelegenheit, nur um "das Ding" zu unterstützen.
Gruß, Ashura
Hej,
gibt es irgendeine Möglichkeit, per :hover eines Bildes dessen Bildquelle zu wechseln
Wenn es dir um die Anzeige verschiedener Grafiken geht und du sie, nicht wie bereits erwähnt, als Hintergrundbild einbinden wölltest, kannst du ja einfach beide als <img /> einbinden und dann mit display:none/block rumspielen.
Das Biespiel zur Infobox hilft dir dabei.
Beste Grüße
Biesterfeld
Hi,
gibt es irgendeine Möglichkeit, per :hover eines Bildes dessen Bildquelle zu wechseln
die Quelle des img-Elements kannst Du mit CSS nicht wechseln. Wie schon gesagt gibt es die Möglichkeit, ein Hintergrundbild auszutauschen. Eine andere Möglichkeit hatte ich kürzlich zu einer anderen Anfrage hier vorgestellt. Dabei wird kein Hintergrundbild ausgetauscht, sondern ein das img ausgeblendet, so daß das bereits vorhandene Hintergrundbild sichtbar wird. Vorteil: Du hast ein druckbares und mit alt-Attribut zu versehenes Bild.
freundliche Grüße
Ingo