Steel: Mouse Over Effekt über Img

Beitrag lesen

Hi!

Viele Wege fuehren nach Rom.

Der in meinen Augen einfachste waere, Sprites als Hintergrundgrafik zu benutzen. Es geht aber auch mit einzelnen Grafiken als Hintergrund.

Hierfuer erstellst du fuer jede Grafik einen Hoverzustand und sorgst dafuer, dass beim hovern dieser Zustand gezeigt wird. Das geht indem Du die komplette Hintergrundgrafik austauscht, aber da musst Du mit Ladezeiten beim Hovern rechnen. Wenn Du Sprites benutzt hast Du zumindest die Grafik und deren Hoverzustand in einem File (uebereinander oder untereinander) und vechiebst beim Hovern lediglich den Anzeigebereich.

Um die Links ausreichend gross zu gestalten musst du sie per CSS aufspannen. Hierfuer wuerde ich display: inline-block vorschlagen. Damit  hast du manipulierbare Blockelemente, die sich aber wie normale Inlineelemente (z.b. Links) verhalten.

Hope it helps.

--
Signaturen sind blöd!