✔ img:hover img Pfad ändern wie?

[Adi | tmine]

hi Leute

Hab leider nix gefunden bei Google,.. und hier wurde das laut meiner suche auch noch nie so besprochen.

Also ich möchte gerne per css bei img:hover den img Pfad ändern... nur wie geht das?
src="" geht ja leider nicht

 

[Maik]

Hi,

mit CSS hast du keinen Zugriff auf das src-Attribut des img-Elements, um die Grafik zu tauschen - hierfür wäre dann JS erforderlich.

 

[Adi | tmine]

hmm oke werd ich mit js machen, schade, css find ich viel besser
naja
Danke für die Antwort

 

[Maik]

Ansonsten müsstest du die Grafik als Hintergrundbild in einem Element verwenden, und dieses dann per background:url(...) tauschen.

 

[Duxias]

Du könntest doch theoretisch auch beide grafiken übereinander legen und dann per img:hover die eine ausblenden (visibility:hidden) und die andere Grafik sichtbar machen.

 

[Adi | tmine]

ja danke, ich habs jetzt mit js gemacht
öhm ja google kennt da noch ne interessante lösung, und zwar man setzt die Bilder in ein bild nebeneinander, und verschiebet bei mousover das bild

aber find das alles zu kompliziert wer kein Js aktiviert hat is halt selber schuld, is nur vom desigen her was , nichts mit der funktionsweise, also nich schlimm wenn das nicht jeder hat

THX 4 Help