Bild beim Überfahren eines Links

Dieses Thema im Forum "Webentwicklung" wurde erstellt von warden, 28. Oktober 2006 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 28. Oktober 2006
    ich will, dass ein bild bei überfahren eines textes (linkes) angezeigt wird. benutze html und glaube, dass der code in java script programmiert wird, weiß bloß nicht wie er geht T_T. bitte helft mir... freue mich über jede antwort.
     
  2. 28. Oktober 2006
    AW: Bild beim Überfahren eines Links

    ~moved~

    Mfg,

    Kolazomai
     
  3. 28. Oktober 2006
    AW: Bild beim Überfahren eines Links

    Okay.

    Code:
    <script language="JAVASCRIPT">
    function hoverIMG (img,div) {
     document.getElementById(div).innerHTML = '<img src='+img+' border=0>';
    }
    </script>
    <div id="divv">
    Hier kommt das Bild nacher rein. (Achtung, hier muss was drinstehen, sonst "no properties" :L)
    </div>
    <a href="#" onMouseOver="JavaScript:hoverIMG('bild1.png','divv');">MouseOver</a>
    
     
  4. 29. Oktober 2006
    AW: Bild beim Überfahren eines Links

    okay... nun suche ich etwas, das das bild direkt an die maus hängt, wenn man drüberfährt.
     
  5. 29. Oktober 2006
    AW: Bild beim Überfahren eines Links

    du musst einfach diesen code da einfügen wo das ganze hin muss
    das js-script am anfang sollte nach möglichkeit in den header
    der div muss dahin, wo das bild angezeigt werden soll
    und der link dahin wo dein Mouseover link sein soll
    dann musst du nurnoch im link ändern welches bild da angezeigt werden soll
    was genau verstehst du denn nicht?
     
  6. 29. Oktober 2006
    AW: Bild beim Überfahren eines Links


    Du machst das so:

    Das Bild, was erscheinen soll, ist im selben Ordner wie die .html / ... File, und heißt "Bild.png".

    Die .HTML Datei sieht so aus:


    <script language="JAVASCRIPT">
    function hoverIMG (img,div) {
    document.getElementById(div).innerHTML = '<img src='+img+' border=0>';
    }
    </script>
    <div id="divv">
    ...
    </div>
    <a href="#" onMouseOver="javascript:hoverIMG('Bild.png','divv');">MouseOver</a>

    Das bringt folgendes:

    OnMouseOver -> Wenn du mit dem Mauszeiger, auch bekannt als Cursor, über den <a [...]>MouseOver</a> gehst, wird die JavaScript Function "hoverIMG" mit den beiden Parametern "Bild.png" (der Name und ggf. die position des Bildes) und "divv" (Der Div / Sonstiges, mit der ID 'divv' , in welchem danach das Bild erscheinen soll, aufgerufen. Die bewirkt folgendes:

    document.getElementById(div).innerHTML = '<img src='+img+' border=0>';

    document.getElementById('divv').innerHTML = '<img src=Bild.png border=0>';

    Das heißt:

    In den Div mit der ID "divv" wird der HTML Code "<img src=Bild.png border=0>" eingefügt. Das bewirkt wiederum, dass das Bild mit dem Name Bild1.png angezeigt wird, weil wie du weißt das das ist, was <img [...]> bewirkt. oO



    EDIT:

    Bild an Maus - Google. -.-
     
  7. 29. Oktober 2006
    AW: Bild beim Überfahren eines Links

    <div id="divv">
    ...
    </div>

    diese zeile bereitet mir noch ein wenig probleme... da kommt doch später das bild hin, wenn ich das richtig verstanden hab. aber ich will doch das bild an die maus hängen...
     
  8. 29. Oktober 2006
    AW: Bild beim Überfahren eines Links

    also wenn ich mir das html angucke, und das div genau über dem link ist, welches den mousover effekt gibt, dann ist das bild genau über der maus!
    aber mal ehrlich wofür diese spielerei?
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.