Bildwechsel bei Mausberührung (Button-Effekt)

  • Guten Tag


    ich möchte bei meinem button, das er sich in der Farbe ändert, wenn ich mit der Maus darüber fahre.
    Ich habe gelesen, das es nur mit JavaScript geht!


    den conde habe ich von selfhtml...


    im head habe ich



    eingegeben und später im body tag an der entsprechenden stellen dann


    Code
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
        <td> hier soll die linke grafik mit dem gewuenschten effekt erscheinen (links.png)</td>
        <td><img src="bilder/rechts.png" /></td>
    
    
    
    
        </tr>
        </table>


    aber es funktioniert nicht...
    habe ich was falsch gemacht???


    geht dieser Effekt vielleicht auch ohne JavaScript???


    Danke schonmal!!!


    MFG
    Nebin

  • versuch es mal hiermit (nur hiermit)


    füge es da ein, wo du die Bilder wechseln lassen willst


    Code
    <img src="vorschau.jpg" name="wechsel"
    onmouseover="document.images.wechsel.src='Bild2.jpg'"
    onmouseout="document.images.wechsel.src='Bild1.jpg'"
    width="150" height="150" />
  • Super Danke...


    aber warum funktioniert das ohne den "scripteintrag" im head bereich???
    css muss ja auch vorher definiert werden!


    ich habe jetzt 5 buttons un einer tabelle mit 5 spalten und zwei zeilen...
    ohne link ist alles okay aber wenn ich die grafiken mit einem link versehe, dann ´werden die buttons einleln umrahmt... wie kann ich das unterbinden???


    Danke nochmal...


    Gruß
    nebin

  • habe meine Antwort schon selbst herausgefunden... ;)


    Code
    a img {
     border: none;
    }


    in meiner css Datei eingefügt... keine Rahmen mehr um "verlinkte Bilder"


    Danke nochmal!!!


    MFG
    nebin

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!