OnMouseOver - Problem, keine Ahnung!! :)

[idefix]

Hallo Leute, ich habe da mal bezüglich onMouseOver eine Frage.
Ich habe da ein kleines Projekt, was ich realisieren möchte. dazu benötige ich mehrere "sektionen" in einem Bild, die auf verschiedene andere Bilder verweisen.
Beispiel:
Löschgruppenfahrzeug LF 16

wenn man da mit der Maus über das Bild gleitet, öffnen sich die verschiedenen Fächer und Türen. Soetwas möchte ich auch nutzen.

Aber ich warne euch schon einmal vor, ich habe absolut keine Ahnung von JavaScript
diese Seite scheint damit gearbeitet zu haben.

Gibt es da irgendwie ein Tool, was mir die Arbeit erleichtert??
Das ganze möchte ich auch in mein Joomla-CMS einbauen... Wie kann ich sowas realisieren??

HELP!!

Danke und Gruß
Idefix

 

[Broken Sword]

Ein Tool gibt es da sicherlich.. Probier doch mal "View"=>"Source" in deinem Browser
Das ist einfach ein map-Gestell, wo man onmouse-out/over verwendet und dann einfach das Bild ändert. Kuck dir den Queltzext an und ändere ihn für dich.

Gruß

 

[idefix]

der quelltext hilft mir absolut nicht weiter, bin da leider totaler neuling

 

[bald_patr]

Im Quelltext steht doch alles.
das sind mehrere Bilder nebeneinander und in jedem Bild ist eine area definiert wo das OnMouseOver passieren soll.

lg
baldi

 

[idefix]

kann mir denn jemand von euch dieses für mich völlige wirrwarr ein wenig erklären? Ich kenne mich mit java überhaupt nicht aus!
Stehe völlig auf dem schlauch!

wo sind denn da die areas definiert??

und wie ist hängt das obiege mit dem hier zusammen?? ->

name=FrontPageMap0> href="lf16/links/1342_g3.htm"
onmouseout="off('link_links');" onmouseover="on_links_4('link_links');"
shape=RECT> href="lf16/links/1342_g1.htm"
onmouseout="off('link_links');" onmouseover="on_links_3('link_links');"
shape=RECT> href="lf16/links/mannschaft.htm"
onmouseout="off('link_links');" onmouseover="on_links_2('link_links');"
shape=RECT> href="lf16/links/fahrer.htm"
onmouseout="off('link_links');" onmouseover="on_links_1('link_links');"
shape=POLY> height=285 name=link_links src="lf16/1342-Dateien/1342_links.JPG"
useMap=#FrontPageMap0 width=381>
​

​

 

[Broken Sword]

Also den HTML-Code verstehst du?
Dann ist es ja nur noch die halbe Arbeit ^^
Also.. onmouseover heißt: "wenn der Mauszeiger auf das Element zeigt (drüber fährt)" onmouseout: "wenn der Mauszeiger das Element wieder verlässt"
on_links_X steht für die Türen, die "aufgemacht" werden. Schaut man sich nun die Funktion mal genauer an entdeckt man zum einen etwas unnützliches (das NN3) und dann eine weitere Funktion mit dem Namen "on3_links_name);" Dann schaut man sich diese Funktion genauer an: document[name].src = eval(name + "_X.src"); Also, was sagt und das document[name] ist das Bild, wie man es eine Zeile unter der Map wiederfindet

IMG alt="LF 16, linke Fahrzeugseite" border=0 
height=285 name=link_links src="lf16/1342-Dateien/1342_links.JPG" 
useMap=#FrontPageMap0 width=381>[URL='https://finale.freesoft-board.to/lf16-hinten.htm']

Und dem wird halt ein neuer Bilderpfad zugewiesen und zwar versteckt der sich hinter der Variable, die sich aus "name" und "_X.src" ergibt. Die kannst du ja oben sehen.

So fehlt nur noch onmouseout... Dort steht off('link_links'); Und das selbe Prozdere nochmal nur mit einem anderen Bild [/URL]

 

[idefix]

okay, ich werd das mal probieren, wenn ich nicht weiterkomme, weiß ich, wo ich dich finden kann

 

[idefix]

Hi, ich bekomme das irgendwie nicht hin, will es mit einem Popup erledigen, also die Einbindung in das CMS.
Dieses Popup hat dann folgenden Quelltext:

href="LINK ZUR VERGRÖßERUNG"
onmouseout="off('link_vorne');"
onmouseover="on_vorne_1('link_vorne');" shape="rect">
href="LINK ZUR VERGRÖßERUNG"
onmouseout="off('link_vorne');"
onmouseover="on_vorne_2('link_vorne');" shape="rect">

[IMG alt="BESCHREIBUNG"]https://finale.freesoft-board.to/IMG_0014.jpg[/IMG]

Mein Problem ist nun, das die Areas zwar verlinkt werden, aber der Mouseover-Bildwechsel-Effekt funktioniert nicht. Was kann ich da tun?

 

[Broken Sword]

Dort fehlt die Funktion off3


Gruß
Broken Sword

 

[idefix]

oh, okay,

aber auch das Einfügen von:

function off3(name) {
document[name].src = eval(name + ".src");
}

bringt nicht das erwünschte

ich verzweifel hier

href="LINK ZUR VERGRÖßERUNG"
onmouseout="off('link_vorne');"
onmouseover="on_vorne_1('link_vorne');" shape="rect">
href="LINK ZUR VERGRÖßERUNG"
onmouseout="off('link_vorne');"
onmouseover="on_vorne_2('link_vorne');" shape="rect">

[IMG alt="BESCHREIBUNG"]https://finale.freesoft-board.to/IMG_0014.jpg[/IMG]

 

[Broken Sword]

Achja, außerdem und sehr entscheident fehlt:
"name='link_vorne'" im img-Tag

Gruß
Broken Sword

 

[idefix]

WHOW! ES GEHT!
Wenn ich jetzt schwul wäre und du hier wärst, würd ich dich küssen *lach*
KLASSE!!!

Vielen Dank!!!
Zwar bin ich bei Javascript nicht wirklich schlauer geworden, aber zumindest um eine Funktion reicher

 

[MeX]

WHOW! ES GEHT!

fein, dann kann ich hier wohl dicht machen!?

thx2Broken Sword!

~ C L O S E D ~

ceeyaa.mex