---

Geschrieben von Startpost-Retter am 13.08.2006 um 16:31:

  Effekt

Hey Ho Leutz ^^
Also, ich hab mal ne Frage. Ich möchte, möglichst mit PHP oder HTML, einen bestimmten Effekt erzielen. Bei dem Hofplan sind ja Gebäude eingezeichnet. Ich möchte jetzt also, das, wenn man mit der Maus beispielsweise auf die Reithalle fährt, das an dem Mauszeiger sowas aufgeht und dort die Informationen zur Reithalle stehen. Bin ich bei der Stutenweide, gibts dazu Infos. Und so weiter ^^ Und das gleiche nochmal, wenn ich über Text fahre.

---

Geschrieben von Pawie am 13.08.2006 um 17:33:

 

Wenn ich dich jetzt richtig verstanden habe, dann denke ich, dass du das ganz einfach mit onmouseover's und Maps lösen kannst ^^ Wär' nur ein bisschen schwer zu erklären xD Aber ich kann's ja mal versuchen, oder weißt du, was ich meine?

Oder du machst eine Flash-Datei, ist allerdings 'ne Scheiß Arbeit xD

Edit: Mit Java könnte man das auch sicherlich irgendwie regeln, musst du allerdings können, weil ich kann's nicht so gut, um sowas zu machen xD Wäre ja schon ein wenig aufwändiger. Ich kann nur so kleine Sachen mit Java Script xD

---

Geschrieben von Mindgame am 13.08.2006 um 17:44:

 

würd mal nach Java Scripts im Netz suchen

---

Geschrieben von Pawie am 13.08.2006 um 18:30:

 

Öhm.. xD Du machst (designst) ein Bild, auf dem eben dieser Hofplan ist. Und dann musst du dir das so vorstellen: Auf dem Bild sind Flächen eingebaut und wenn man darauf klickt, passiert etwas, zB. es öffnet sich ein Fenster. (Das mit den Flächen wären jetzt die Maps) Wobei.. Ich glaub die Maps braucht man gar nicht xD

Also nochmal von vorne: Du hast ein Bild designt, auf dem der Holfplan ist. Mit Hilfe der <div>-Tags kannst du ein anderes Bild (Nennen wir es Bild_X), das allerdings genauso aussehen muss, wie der Plan, sodass man nicht merkt, dass da ein Bild ist, über den Plan legen. Jetzt baust du nurnoch den Mouseover einbauen, sodass, wenn du über Bild_X fährst, sich das Bild so ändert, dass da zB ein Text ist.

Okay, wer das kapiert, bekommt 'nen Keks ô.Ó Ist sehr komisch erklärt - Ich kann sowas halt nicht xD

---

Geschrieben von Sophie am 14.08.2006 um 17:34:

 

also ich habs verstanden
dann müsste man einmal auf die z.B. Stutenweide klicken, es öffnet sich unsichtbar [ da es dasselbe Bild ist] ein "neues" bild & der infotext

richtig?
Ich glaub das mach ich bei mir auch .. danke für die Idee

---

Geschrieben von Pawie am 14.08.2006 um 21:01:

 

Jap, genau richtig +Keks geb+ (Juhu! Jemand hat's kapiert xD) Und bitte für die Idee, mach ich doch gern

---

Geschrieben von Pawie am 14.08.2006 um 21:30:

 

Meinst du den Code dafür? Das wäre dieser:

code: 1: <a href="" onmouseover="HOVER.src='X';" onmouseout="HOVER.src='Y';"><img src="X" border="0" name="HOVER"></a>

X = Bild Adresse ohne Info-Text
Y = Bild Adresse mit Info-Text


Bei "href" in den Anführungszeichen nichts hinein schreiben ^.-

Bei jedem Mouseover muss (hier) HOVER neu definiert werden, dh. es darf nicht zwei Mal vorkommen



Beispiel:

code: 1: <a href="" onmouseover="HOVER.src='http://www.gegen-bilderklau.net/images/fruelings_style/top_calendar.gif';" onmouseout="HOVER.src='http://www.gegen-bilderklau.net/images/fruelings_style/top_team.gif';"><img src="http://www.gegen-bilderklau.net/images/fruelings_style/top_calendar.gif" border="0" name="HOVER"></a>

Kannste testen; sind die GB-Buttons xD