Hover für Grafiken in HTML

[GLaforge]

Hallo,
ich habe folgendes Problem. Ich will mir ne Navileiste mit Buttons für ne Page erstellen. Wenn der Benutzer mit der Maus über den Button fährt, soll sich die Grafik ändern(beide Buttongrafiken unterscheiden sich wesentlich). Es soll dabei, also eine andere Grafik angezeigt werden. Habe schon bei google nachgeschaut. Die dort teilweise veröffentlichten Möglichkeiten,sind entweder für mich nicht anwendbar oder sie funzen schlicht und einfach nicht.
Kann mir vo euch jemand helfen, wie ich durch hover zwischen zwei Grafike wechsle.

Vielen Dank im voraus
GLaforge

[jfheins]

Du kannst es entweder mit Javascript oder mit CSS machen. (Javascript könnte deaktiviert sein, ist aber einfacher)

Mit Javascript würdest du IIRC in OnMouseOver (oder so) einfach mit this.src = 'http://...' Das Bild wechseln

Mit CSS müstest du für den IE6 den Link als Blockelement mit Hintergrundgrafik definieren und könnest dann mit der Pseudoklasse a:hover und background-image das Bild wechseln ;) (siehe einen Post unter mir ...)

Ich mag lieber CSS ;) :mrgreen:

@mirage: Zu spät :tongue:

[mirage228]

Code:

    a {
      background-image: url("...") 
    }
    
    a:hover {
      background-image: url("...")    
    }

... oder sollte sich die Graphik dauerhaft ändern?

mfG
mirage228

[GLaforge]

Nehm auch ausschließlich css.Danke an euch, hab nen ganz dusseligen Fehler gemacht...fing schon langsam an an mir zu zweifeln...naja jetzt funzt es ....nochmal vieeeelllleenn Dank.

cu