xmicha
Goto Top

Navigations Problem

hallo an alle

Ich brauche unbedingt hilfe!!!
Ich bin dabei meine Hp zu coden per Html

Jetzt bin ich bei der Navigation angelangt

_Navi Aufbau:

Bla1 Bla2 bla3


für jedes Bla soll beim mausover eine andere Hintergrundgrafik eingeblendet werden (diese ist bei den Anhängen)

Außerdem ist die Navigation Horizontal angelegt.

Ich habe auf cssplay alle navigationen durchgeforstet aber nix dabei gefunden

Wäre dankbar um hilfe

Bild:
554473cb5219d7e73fc330d4e7bf0c57-easy_menu_750

Content-ID: 93175

Url: https://administrator.de/contentid/93175

Ausgedruckt am: 22.11.2024 um 08:11 Uhr

filippg
filippg 29.07.2008 um 20:37:15 Uhr
Goto Top
Hallo,

hm.... und... wo liegt das Problem?
Weißt du, wie die Mouseover-Effekte funktionieren? Du kannst damit eine beliebige JS-Funktion ausführen. Und eine solche Funktion kann enthalten, dass eine bestimmte Grafik, durch eine andere ersetzt wird. Größtes Problem finde ich immer, den Pfad zu der ersetzenden Grafik zu finden...
Durchaus möglich ist, dass es dazu nichts vorgefertigtes gibt. Dann wirst du ein wenig von Hand nachhelfen müssen.

Gruß

Filipp
thaefliger
thaefliger 29.07.2008 um 21:41:58 Uhr
Goto Top
Kannst du auch mit CSS lösen:

.menu_in a:link,.menu_in a:visited {
background-image: url(images/menu_link.jpg);
/* weitere CSS-Anweisungen... */
}

.menu_in a:hover,.menu_in a:active {
background-image: url(images/menu_hover.jpg);
/* weitere CSS-Anweisungen */
}

Ist eigentlich fast besser mit CSS, viele Leute haben JS deaktiviert.
filippg
filippg 29.07.2008 um 22:24:28 Uhr
Goto Top
ah! ich glaube, jetzt verstehe ich auch das Problem. Du hast es bisher nur mit CSS versucht?

Mit css gehts afaik nicht. Da ergibt sich das Problem, dass zwei Grafiken (die hinter dem eigentlichen Link, und die darunter) geändert werden müssen, und letztere auch bei verschiedenen Links. Das könnte schwierig werden.

Gruß

Filipp
xmicha
xmicha 30.07.2008 um 12:08:44 Uhr
Goto Top
Jop danke schon mal

Hab da ne frage jetzt

Hab mich bisschen in js umgehört und hab folgendes Herausgefunden:

<span onMouseOver="imagechange.src='background_navi.png'" onMouseOut="imagechange.src='background_navi_mouseover.png'"> <img src="background_navi_mouseover.png" border="0"  alt="Background" id="imagechange"></span>  
Kann ich dies auch so bearbeiten das das bild nur gewechselt wird wenn ich über ein link drüber gehe?!?

d.h
Ich habe ne grafik ganz unten auf der Page und ganz oben befindet sich ein hyperlink. Wenn ich mit der maus über dem hyperlink gehe wechselt unten die grafik

Brauche unbedingt diese Hilfe (über jede kleine wäre ich auch schon Happy)