Thema: Mouseover Popup mit Bildern

Wunderschönen Tag miteinander, vielleicht kann mir jemand bei folgendem Problem helfen:
Habe eine umfangreiche Personen/Datentabelle erstellt und möchte, dass bei einem MouseOver über den Namenstext ein kleines Popup mit einem Bild der entsprechenden Person erscheint.
Gibts da schon was "in fertig" oder ist Handarbeit gefragt?
Danke für eure Bemühungen!

... vergessen: für Joomla 1.5!

Hallo MrLongline,
das ganze könntest du über Html und CSS machen. Der Code dafür den du einbauen müsstest wäre:

<style type="text/css">

a.info span
{display: none;}

a.info:hover span
{display:block;
position:absolute;}

</style>
<a class="info" href="#">Name Person<span> <img src="http://www.3d-ring.de/3d-galerie/3d_bilder/3064_15.jpg" width="265" height="187" border="0" alt="Bild"></span></a>

"Name Person" ---> dafür musst du den Name/Text einsetzen
<img src="http://www.3d-ring.de/3d-galerie/3d_bilder/3064_15.jpg" ---> dort gibst du den Pfad an wo das Bild gespeichert ist das als kleines Popup erscheinen soll.
"width" das stellst du die Größe des Bildes ein
"height" die Höhe des Bildes

Das ganze schaut dann ungefähr so aus: Demo

Gruß Sn!C125

Danke!!! - So einfach kann das Leben manchmal sein!

Hallo,

Vielen Dank für diesen Tipp. Ich konnte dies auch so umsetzen
Ich habe jedoch das Problem, dass mir der html code jedesmal zerschossen wird, wenn ich im Backend mit dem JCE Editor den Beitrag (wysiwyg) anpassen möchte. Das heisst die Bilder erscheinen dann normal in der Tabelle ohne mouseover.
Wenn ich mit dem JCE jedoch die html source direkt bearbeite passiert dies nicht.
An was kann das liegen? Wie muss ich mein Beitrag editieren, damit mir der html code nicht flöten geht?

Hier noch ein beispiel vorher/nachher:

Vorher: <a class="info" href="#">Name<span> <img src="http://www.domain.de/images/name.jpg" width="150" height="195" border="0" alt=""></span></a>

Nachher: <a href="#" class="info">Name<img border="0" width="150" src="http://www.domain.de/images/name.jpg" height="195"/></a>

Gruss
Dani

hmm weiß auch nicht an was das liegt
hast du den des style mit eingebunden? des ist nämlich wichtig weil da der hover effekt dabei ist. normalerweise sollte es einfach gehen wenn du den editor in html zeigen lässt und den code reinkopierst.

wie muss ich denn den style einbinden? ist das in den einstellungen für den editor? Use Template CSS ist auf ja und Clean up HTML auf nein. aber beim speichern der änderungen zerdröselts mir trotzdem hin und wieder den code.