Bild beim Überfahren eines Links

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

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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.
     

  3. Anzeige
    Heute: Deals & Sale mit stark reduzierten Angeboten finden.
  4. #2 28. Oktober 2006
    AW: Bild beim Überfahren eines Links

    ~moved~

    Mfg,

    Kolazomai
     
  5. #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>
     
  6. #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.
     
  7. #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?
     
  8. #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. -.-
     
  9. #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...
     
  10. #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?
     

  11. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Bild Überfahren eines
  1. Hänsel13

    Ausbildung im Handwerk

    Hänsel13 , 2. Juli 2019 , im Forum: Schule, Studium, Ausbildung
    Antworten:
    6
    Aufrufe:
    2.314
    Anne-Katrin
    4. Juli 2019
  2. alesandro

    Suche Webspace für Bilder+Kommentare

    alesandro , 29. April 2018 , im Forum: Hosting & Server
    Antworten:
    4
    Aufrufe:
    4.204
    alesandro
    30. April 2018
  3. Carla Columna

    Handy- & Smartphone-Verbot an Frankreichs Schulen ein Vorbild?

    Carla Columna , 13. Dezember 2017 , im Forum: Schule, Studium, Ausbildung
    Antworten:
    6
    Aufrufe:
    9.148
    pattich
    27. Dezember 2017
  4. Fabiane Herbst

    Biometrie: Facebook fordert echte Profilbilder als Verifizierung

    Fabiane Herbst , 29. November 2017 , im Forum: Sicherheit & Datenschutz
    Antworten:
    2
    Aufrufe:
    9.551
    klaiser
    15. Dezember 2017
  5. -BatmaN-

    Hintere Person aus dem Bild entfernen

    -BatmaN- , 4. November 2017 , im Forum: Grafik Anfragen
    Antworten:
    6
    Aufrufe:
    6.776
    Stef4anie910502
    16. November 2017

  • Annonce

  • Annonce

Toggle Width