Was muß anstatt von 'homepage' eingefügt werden?

Hallo, ich will einen tooltip mit Javascript erstellen (wz_tooltip.js). in der Dokumentation dazu steht. "Die Tags benötigen je ein onmouseover- und ein onmouseout-Attribut:"
Code:
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
Bei mir ist anstelle von 'homepage' ein Bild.
 
Java ist kein Javascript :)

Du must diesen Teil

Code:
onmouseover="Tip('Some text')" onmouseout="UnTip()
in dein img tag packen. Also du hast ja wahrscheinlich für das Bild sowas wie

Code:
<img src='...>
Wenn du das oben vor das src= schreibst sollte es klappen.

Gruß

Claus
 
Danke Thallus,
nun aber habe ich zwei Bilder nebeneiander
der code lautet:
Code:
<a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()</a>
 

Anhänge

Wo fehlen da Leerzeichen und Anführungszeichen. Ich kann nichts finden.:(
Code:
 <h2>Acrylbilder</h2>
    <div>
  
    <a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()</a>
      
        </div>
    <h3>Eis</h3>
    <p>Acryl auf Leinwand<br>60 x 50cm
    </div>
  
        <hr>
 
Was vor allem fehlt, ist das schließen den img-Tags ;)
Hinter onmouseout="UnTip() muss noch ein "/>.

Das da zwei Bilder zu sehen sind, sollte allerdings nicht daran liegen...
 
  1. Code:
    <body>
    [/LIST]
                <script type="text/javascript" src="wz_tooltip.js"></script>
       
        <h2>Acrylbilder</h2>
        <div>
      
        <a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
          
            </div>
 
  1. Code:
    <body>
    [/LIST]
                <script type="text/javascript" src="wz_tooltip.js"></script>
       
        <h2>Acrylbilder</h2>
        <div>
      
        <a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
          
            </div>
 
Danke für den Hinweis. Beim ersten Bild ist es nun gelungen, leider bei den anderen nicht, obwohl die Veränderung (ich habe den Teil "Überschrift" und "Bildbeschreibung" vor den Link gesetzt) bei allen gleich ist, klappt es nur beim Bild "Eis"
Ich schaue und schaue, der Quelltext ist bei allen gleich und trotzdem ist nur der Effekt des Unterstreichens nicht bei allen. Ich komme einfach nicht drauf.
Code:
<div>
    <h3>Eis</h3>
    <p>Acryl auf Leinwand<br>60 x 50cm</p>
    <a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
    </div>
  
    <div>
    <h3>Durch den Wald</h3>
    <p>Acryl auf Leinwand<br>60 x 50cm</p>      
    <a href="Malerei/Acrylmalerei/album/slides/Durch den Wald.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/durch_den_wald.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
    </div>
Code:
 
Nun habe ich da noch ein anderes toolkit script, ich habe es hier https://www.w3schools.com/css/css_tooltip.asp gefunden. Es gefällt mir besser, da der tooltip auffälliger ist. Leider habe ich da wieder das Problem, dass der Tooltip schon erscheint, wenn man in die Nähe des Bildes kommt. Da hilft mein Vorgehen, den Titel und den Bildtext oberhalb des Links zu schreiben, diesmal nicht
eingebunden habe ich es so:
Code:
<body style="text-align:center;">
    
    <h2>Acrylbilder</h2>
   
            <div class="tooltip"><p><a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"></p><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
       <span class="tooltiptext">zur größeren Ansicht</span>
 
Zuletzt bearbeitet:
Jetzt fehlt ja wieder das schließende a-Tag!

Der Fehler liegt aber an dem p-Tag. Hier brauchst du kein p.
 
Passende Stellenanzeigen aus deiner Region:

Neue Themen

Oben