Christian: Bild verlinken *verzwifel*

Hallo!

Ich würde gerne ein Bild verlinken.
Das wär ja auch eigendlich kein Problem aber ich hätte auch noch gerne die Funktion, dass, wenn ich mit dem Cursor auf das Bild gehe, an einer anderen Stelle der Seite ein Schriftzug zum Vorschein kommt (z.B. "Home")
Das müsste ja iwie dann mit dem "onMouseover" befehl gehen aber ich hab nach ziemlich langem Suchen echt nicht herausgefunde, wie das zusammen geht..

Kann mir jemand helfen?

Danke im Voraus

  1. hi,

    sicher geht das: du baust da, wo der text erscheinen soll, ein <span id="anzeige">&#160;</span> ein. auf das was in diesem span steht, solltest du mit document.getElementById('anzeige').firstchild.data zugreifen können - und entsprechend mit onmouseover / onmouseout etwas reinschreiben können.

    ich hoffe es funzt ^^

    MfG, TheAngel

    1. hm danke, das is eine gute Idee, nur bin ich echt ein ziemlicher Anfänger in diesem Gebiet...kannste mir das noch etwas genauer erklären?

      thx

  2. Hallo Christian,

    Das wär ja auch eigendlich kein Problem aber ich hätte auch noch gerne die Funktion, dass, wenn ich mit dem Cursor auf das Bild gehe, an einer anderen Stelle der Seite ein Schriftzug zum Vorschein kommt (z.B. "Home")

    Helfen könnte http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm, eine Lösung mit CSS.

    Das müsste ja iwie dann mit dem "onMouseover" befehl gehen aber ich hab nach ziemlich langem Suchen echt nicht herausgefunde, wie das zusammen geht..

    "Klassisch" mit Javascript kannst Du es auch machen, das Beispiel aus dem Archiv ist  schön übersichtlich: </archiv/2002/2/5424/#m30276> (Berücksichtigt auch noch alte Browser)

    Grundsätzliches zu onmouseover (Eventhandler) liefert http://de.selfhtml.org/javascript/sprache/eventhandler.htm

    Bei Fragen - hier fragen! Viel Erfolg.

    Gruß aus Köln-Ehrenfeld,

    Elya

    --

    keep passing the open windows.
    1. @ Elya

      Deine Lösung mit CSS find ich echt gut...aber kann es sein, dass ich da nur immer so einen Kasten hab? Oder kann ich auch eine Grafik benutzen? Wenn ja, wie?

      1. Hallo Christian,

        Deine Lösung mit CSS find ich echt gut...aber kann es sein, dass ich da nur immer so einen Kasten hab? Oder kann ich auch eine Grafik benutzen? Wenn ja, wie?

        Du kannst in ein HTML-Element wie ein div oder span auch andere Elemente, wie z.B. Bilder unterbringen.

        Gruß aus Köln-Ehrenfeld,

        Elya

        --

        keep passing the open windows.
        1. Das is schonmal gut, dass ich auch Bilder verwenden kann :)

          Nur kannst du mir sagen, wie?
          Das muss ja auch iwie in dem Teil zwischen dem Head - Tag verändert werden, das versteh ich dabei nicht...

          1. Hallo Christian,

            Nur kannst du mir sagen, wie?
            Das muss ja auch iwie in dem Teil zwischen dem Head - Tag verändert werden, das versteh ich dabei nicht...

            In Head des Dokumentes sind hier die CSS-Angaben eingebunden. Der Inhalt des Dokuments - also alle Inhalte der "Infobox" stehen (im Beispiel 2) im HTML zwischen den <span></span> Elementen

            <div id="box"><a href="#">INFOBOX<span>Lorem ipsum dolor sit amet.</span></a></div>

            Wenn Du an dieser Stelle statt des Textes ein Bild einbindest, sollte das klappen.  Zeig doch einfach mal, was Du bisher probiert hast, und wo es hakt.

            Gruß aus Köln-Ehrenfeld,

            Elya

            --

            keep passing the open windows.
            1. Hi,

              eine kleine Anmerkung zu

              <div id="box"><a href="#">INFOBOX<span>Lorem ipsum dolor sit amet.</span></a></div>

              In dem span sollte zunächst ein Leerzeichen stehen, damit es nicht ganz so grausig ohne CSS aussieht.

              freundliche Grüße
              Ingo