+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Mouseover Popup mit Bildern

  1. #1
    Neu an Board
    Registriert seit
    22.01.2006
    Beiträge
    19
    Bedankte sich
    10
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard 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!

  2. #2
    Neu an Board
    Registriert seit
    22.01.2006
    Beiträge
    19
    Bedankte sich
    10
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Zusatz

    ... vergessen: für Joomla 1.5!

  3. #3
    Neu an Board
    Registriert seit
    12.10.2009
    Beiträge
    5
    Bedankte sich
    3
    1 Danksagung in 1 Beitrag

    Standard

    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

  4. Erhielt Danksagungen von:


  5. #4
    Neu an Board
    Registriert seit
    22.01.2006
    Beiträge
    19
    Bedankte sich
    10
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

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

  6. #5
    Neu an Board
    Registriert seit
    30.09.2009
    Beiträge
    11
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    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

  7. #6
    Neu an Board
    Registriert seit
    12.10.2009
    Beiträge
    5
    Bedankte sich
    3
    1 Danksagung in 1 Beitrag

    Standard

    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.

  8. #7
    Neu an Board
    Registriert seit
    30.09.2009
    Beiträge
    11
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    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.

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein