Java Namepopup bei mouseover - einfache Art für Anfänger?

[towa]

Hallo Leute,

da ich mich gerade leicht gezwungen mit ner Homepagegestaltung beschäftige, da es sonst keiner machen kann
hab ich da natürlich auch den Ansporn alles so perfekt wie möglich zu machen.

Gerate aber gerade an meine Grenzen, nachdem ich mir so ein paar Sachen zusammengewuselt habe, würde ich gerne bei 4 Bildern auf einer HTML Page folgendes einbauen:

- Bei Mouseover über die Personen auf dem Bild, sollen so ne Art Popups nach vorn kommen mit dem Namen der jeweiligen Person

Klingt erstmal nicht spektakulär, zumindest wahrscheinlich für die nicht, die das gelernt habe meiner einer kann so mit Java jedoch nix anfangen.
Wäre ja im Prinzip so eine Funktion, wie auch bei StudiVZ und Co. verlinkt wird, so mit nem Kästchen auf der Person und dann der Namenseinblendung.

- muss man das dann im style text für jede person einzeln deklarieren?
- was passiert mit den der Ladezeit der Page bei ISDN?
- ist das so beinahe ohne jegliche Erfahrung lösbar?

Wäre nett wenn da vielleicht jemand eine Variante wüsste die ich vielleicht nur etwas anpassen muss?
Reinfinden und anpassen kann ichg laub ich ganz gut

Danke schon mal für Lösungsvorschläge

 

[1668mib]

Du brauchst auch kein Java können, aber JavaScript wäre ganz gut... Java und JavaScript sind unterschiedliche Dinge...

Vielleicht findest du dann ja eher was, wenn du nochmals nach Scripts suchst...

 

[Turbostaat]

Dazu brauchst du noch nicht mal Javascript, das geht auch rein mit CSS
z.B.

a.info:link span, a.info:visited span {display:none}
a.info:hover span{display:block;position:absolute;top:55px;bottom:auto;right:70px;background:#fff;color:#555;width:155px;z-index:100;border:1px solid #999;padding:2px 10px}

Wenn du dann über <a class="info" ..... > gehst dann erscheint alles was im <span> Bereich ist

<a class="info">User Towa<span>Hier steht eine Info über Towa</span></a>

Habe das jetzt mal so blind geschrieben, hoffe sind keine Fehler drin.

 

[towa]

hmm ok danke schon mal, ja vielleicht sollte man da anders suchen,
habe mir heute nachmittag mal ein paar Landmarksysteme angeschaut.
Habe dann folgendes gefunden:
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm

Passt eigentlich ganz gut und reicht auch für den Zweck aber das mit dem css test ich mal noch aus.

 

[1668mib]

@Turbostaat: Ok, und wo ist das Bild in deinem Beispiel?

 

[Turbostaat]

Dann sieht es halt so aus

<a class="info" href="Link"><img src="../img/user/towa.jpg" alt="Towa's Bild" title="Das ist Towa" /><span>Hier stehen Infps über Towa</span></a>

oder umgekehrt, über den Namen mit dem Mauszeiger und ein Bild wird angezeigt.

<a class="info" href="Link">User Towa<span><img src="../img/user/towa.jpg" alt="Towa's Bild" title="Das ist Towa"></span></a>