CSS/Mouseover

[Hackle]

hi
ich möchte mit css ein normales .jpg das verlinkt ist mit einem mouseover effekt belegen, und zwar soll das bild beim drüber fahren etwas kleiner werden
nur möchte dazu kein zweites bild machen, weil das dann zu längeren ladezeiten führt
kann ich einfach das erste bild irgendwie skalieren?
am besten mit nem ganz einfachen und kurzem befehl

lg hackle

[BapKe]

Hi,
sofern dass Image folgendermaßen eingeschlossen ist:

Code: Alles auswählen

<a href=''><img src=''></a>


(so habe ich das verstanden)
Dann einfach folgendes in deine Css-Datei schreiben:

Code: Alles auswählen

a img{
  height:100px;
  width:50px;
  //standardgröße (kannst du auch weglassen)
}
a:hover img{
  height:50px;
  width:20px;
  // größe beim mouseover !!
}


Wenn du jetzt mit der Maus über dass Bild fährst verkleinert sich das
Bild auf 50*20

MfG BapKe

[Manuel]

Hi Hackle,
mit solchen Effekten wäre ich glaube ich vorsichtig. Zum einen sind skalierte Bilder meist unschön und zum anderen auch verwirrend für den Benutzer.

Lieben Gruß,
Manuel