N66: Frage zu den Eventhändlern

Es gibt bei den Eventhändlern den Code onemouseover, bei dem etwas anderses beim Überfahren des Textes angezeigt wird. Ich habe das Beispiel:

<html><head><title>Test</title>  
</head><body>  
<h1 id="Test"  
 onmouseover="this.innerHTML = 'Sehen Sie?'"  
 onmouseout="this.innerHTML = 'Ich bin dynamisch'">Ich bin dynamisch</h1>  
</body></html>  

<http://de.selfhtml.org/javascript/sprache/anzeige/onmouseover.htm@title=Angezeigtes Beispiel>

genommen und versucht statt dem dynamischen Text Bilder einzubinden. Das sah dann so aus:

<img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif"  
onmouseover="this.innerHTML = '<img src="http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg">'"  
onmouseout="this.innerHTML = '<img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif">'>

Die Anzeige funtionierte dann aber sehr komisch.

Nun möchte ich wissen, ob das mit Bildern überhaupt möglich ist, und wenn ja, welchen Fehler ich eingebaut habe.

Danke schonmal im Vorraus!

  1. genommen und versucht statt dem dynamischen Text Bilder einzubinden. Das sah dann so aus:

    <img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif"

    onmouseover="this.innerHTML = '<img src="http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg">'"
    onmouseout="this.innerHTML = '<img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif">'>

    
    >   
    > Die Anzeige funtionierte dann aber sehr komisch.  
    >   
    > Nun möchte ich wissen, ob das mit Bildern überhaupt möglich ist, und wenn ja, welchen Fehler ich eingebaut habe.  
      
    Vielleicht möchtest du eher den Inhalt des src Attributes austauschen. Denn ein Bild hat kein inneres HTML  
      
    onmouseover="this.src='http://www.maaarcel.de/bcb/img\_sponsoren/news\_1213978583.jpg'"  
      
    mfg Beat
    
    -- 
    
    ><o(((°>           ><o(((°>  
    
       <°)))o><                     ><o(((°>o  
    Der Valigator leibt diese Fische
    
    1. Vielleicht möchtest du eher den Inhalt des src Attributes austauschen. Denn ein Bild hat kein inneres HTML

      onmouseover="this.src='http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg'"

      mfg Beat

      Danke schonmal für die schnelle Antwort.

      Uups. Kann man diese innere Html irgendwie anpassen, sodass sich Bilder anzeigen lassen?

      1. @@N66:

        Danke schonmal für die schnelle Antwort.

        Warum bedankst du dich für eine Antwort, ohne diese zu lesen?

        Live long and prosper,
        Gunnar

        --
        Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
        1. Ich habe die Antwort gelesen, sonst hätte ich wohl kaum so auf deren Inhalt antworten können.

          1. @@N66 :

            Ich habe die Antwort gelesen, sonst hätte ich wohl kaum so auf deren Inhalt antworten können.

            Offenbar hast du sie nicht richtig gelesen, sonst hättest du wohl kaum so auf deren Inhalt antworten können.

            Live long and prosper,
            Gunnar

            --
            Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
            1. Oh, sorry. Hab wirklich ein Stück überlesen. Ich hab den Quellcode nochmal so

                
              <html>  
              <body>  
              <img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif"  
              onmouseover="this.src='http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg">"  
              onmouseout="this.src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif">>  
              </html>  
              </body>
              

              überarbeitet, es kommt aber trotzdem keine ordentliche Funktion dabei raus.

              1. Oh, sorry. Hab wirklich ein Stück überlesen. Ich hab den Quellcode nochmal so

                <html>
                <body>
                <img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif"
                onmouseover="this.src='http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg">"
                onmouseout="this.src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif">>
                </html>
                </body>

                
                >   
                > überarbeitet, es kommt aber trotzdem keine ordentliche Funktion dabei raus.  
                  
                Achte auf die Anführungszeichen. Nimm "" um den Inhalt von inmouseover zu bezeichnen und '' um den Inhalt von this.src= zu bezeichnen.  
                  
                mfg Beat
                
                -- 
                
                ><o(((°>           ><o(((°>  
                
                   <°)))o><                     ><o(((°>o  
                Der Valigator leibt diese Fische
                
                1. Jaaa, jetzt geht es! Vielen Dank!