Pesti: hover button problem

hi!

Ich will mich kurzfassen. Ich musste meine page (http://drpest.netfirms.com (Momentan noch im alten Design)) neu designen. Diesmal hatte ich an was wirklich simples aber hübsches gedacht, also hab ich mich an die arbeit gemacht. was rauskam ist eine grafisch eigentlich recht anschauliche seite mit nem hover-button menu anner seite (linke seite, mal was anderes). Runterladen könnt ihr euch das ganze im zip format von

drpest.netfirms.com/new_site.zip

Geht mal auf die "Maps" Site (müsst ihr manuell machen, die links führen zu den hochgeladenen alten seiten). Ihr werdet das problem sehen, wenn ihr mit der maus über die menu buttons fahrt. da tut sich rein garnix, die hovergrafiken wechseln statt dessen in den pics die im textfeld stehen...

Woran liegt das? Ich raff die Welt nich mehr, die Site sollte heute hoch, das einzige was mich noch daran hindert, sie hochzuladen, ist dieses problem...

Ich würde mich freuen wenn einer Ahnung hat was da abgeht...

Danke im Vorraus

Jannis Borgers

  1. Moin

    Du hast dich ganz einfach verzählt, oder besser, du hast gar nicht gezählt. Die Bildwechsel()-Funktion überschreibt einfach das Bild, dass im ersten Parameter angegeben ist.
    Du verwendest bei deinem MouseOver die Nummer zum Zugriff, also der Link auf index.html ruft Bildwechsel(0... auf. Auf der Startseite funktioniert das ganz gut aber du hast den Code einfach von einer Seite zur nächsten kopiert ohne die Nummer zu ändern. Auf maps.html sind aber Bilder eingebunden die im Code vor dem Menü stehen und deshalb auch Nummern vor dem Menü zugeordnet kriegen. Du könntest jetzt einfach die Nummern im Menü-Mouseover anpassen (wenn ich mich nicht verzählt habe, musst du überall plus 7 rechnen), aber dann taucht dass Problem wieder auf, wenn du die Anzahl der Bilder das nächste Mal änderst.
    Die bessere Lösung ist es wohl, den Bildern Namen zuzuordnen und diese statt der Nummern zu benutzen.
    Aus:
    <a href="http://drpest.netfirms.com/index.html"
       onMouseOver="Bildwechsel(0,Highlight1)"
       onMouseOut="Bildwechsel(0,Normal1)"><img src="b_inactive.jpg"
       border="0" alt="Main"></a><br>
    wird dann:
    <a href="http://drpest.netfirms.com/index.html"
       onMouseOver="Bildwechsel('bild1',Highlight1)"
       onMouseOut="Bildwechsel('bild1',Normal1)"><img src="b_inactive.jpg"
       border="0" alt="Main" name="bild1"></a><br>
    und schon sollte es keine Rolle mehr spielen, wieviele Bilder du auf der Seite hast.

    --
    Henryk Plötz
    Grüße von der Ostsee

    1. Vielen, vielen Dank, jetzt geht alles. Wieder was dazugelernt :)

      I'll be back ;)