BalticFit: Bildwechsel bei mouseover

Hallo.

Ich habe in einer Seite ein Menü aufgebaut, bei dem Grafiken als Button fungieren. Normal ist das Bild graustufig, bei mouseover wird das Bild farbig und bei mouseout wieder graustufig.

Realisiert über verschiedene Grafiken (hier der Quellcode):

<a href=\"#\"><img src=\"./img/massage_grau.jpg\" onmouseover=\"src='./img/massage_farb.jpg'\" onmouseout=\"src='./img/massage_grau.jpg'\" onclick=\"getData('wellnessmassage','beschreibung')\" /></a>

Das Problem ist nun, dass das hier nicht für alle Grafiken funktioniert. Bei einigen gibt es Probleme beim Laden des farbigen Bildes, obwohl sich ja nur der Dateiname ändert, der Code also funktioniert. Das farbige Bild wird einfach nicht geladen und das graue Bild flackert total rum. Habe Dateiname etc überprüft, alles wie es sein sollte.

Hat jemand noch eine Idee, woran das liegen kann? Also wie gesagt, es gibt auch Menüpunkte, wo das Ganze funktioniert.

Vielen Dank, Heiko

  1. Liebe(r) BalticFit,

    dieses Problem ist mit CSS sinnvoller gelöst, als mit JavaScript! Im verlinkten Beispiel kann man zwar nur die Hintergrundfarbe beobachten, jedoch bietet CSS auch das Ändern von Hintergrundbildern an.

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. Vielen Dank für den Hinweis, ich setz das mal mit CSS um, hab ich irgendwie gar nicht aufm Schirm gehabt :-)

      1. @@BalticFit:

        nuqneH

        Vielen Dank für den Hinweis, ich setz das mal mit CSS um, hab ich irgendwie gar nicht aufm Schirm gehabt :-)

        Ebenfalls nicht auf dem Schirm hattest du, dass nicht alle Seitenbesucher Bilder sehen können. Sei es, dass sie blind oder sehschwach sind, oder dass sie wegen langsamer Übertragung keine Bilder laden. Suchmaschinen sind per se blind. Für img sind @alt-Attribute Pflicht.

        Wenn du nicht img verwendest, schreibst du den Text ins a-Element und versteckst ihn mit image replacement. Kellum method

        Qapla'

        --
        „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
  2. Hab es jetzt mit CSS umgesetzt, gleiches Problem. Also irgendwie mag der Webserver einige der Farbgrafiken nicht...

    Falls jemand eine Idee hat, einfach bescheid sagen.

    Vielen Dank

    1. @@Balticfit:

      nuqneH

      Falls jemand eine Idee hat, einfach bescheid sagen.

      Link zur Seite, damit wir uns ein Bild machen können. (No pun intended.)

      Auf die Idee hätteste aber auch selbst kommen können.

      Qapla'

      --
      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)