Ankündigung

Einklappen
Keine Ankündigung bisher.

Bild soll sich verändern wenn Maus darüber fährt...

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Bild soll sich verändern wenn Maus darüber fährt...

    Ich habe leider so gut wie überhaupt keine Peilung von JavaScript. Ich werde mal versuchen mein Problem zu erläutern, welches ich auf
    www.geocities.com/wiggerpage/javatry/Index.htm
    habe.

    Die obere gif funktioniert wie sie soll. Sie ändert sich von "eisscholle.gif" zu "eisscholle_over.gif" wenn man mit der maus darüber fährt.

    Die untere gif allerdings ändert sich auch zu "eisscholle.gif" - das soll sie aber nicht! :cry: Sie soll sich von "formel1.gif" zu "formel1_over.gif" ändern wenn man mit der maus darüber fährt!

    An diesem Problem sitzte ich jetzt schon seit Tagen und komme einfach nicht weiter. Ich wäre sehr dankbar wenn mir jemand die Lösung oder zumindest einen Tipp geben könnte, der mir weiterhilft.
    MfG Marcel

  • #2
    Hallo!
    Bin leider kein Java-Spezialist, glaube aber, du musst in den if-Bereich noch das zweite Bild eintragen.
    Hier ein Code für nen Mouseover-Effekt, der auf jeden Fall funktionieren müsste.
    [code:1:975a6fa7c9]
    <script>
    <!-- Mouseover-Images preloaden

    if (document.images) {

    image1on = new Image(); image1on.src = "images/eisscholle_over.gif";
    image2on = new Image(); image2on.src = "images/formel1_over.gif";

    image1off = new Image(); image1off.src = "images/eisscholle.gif";
    image2off = new Image(); image2off.src = "images/formel1.gif";

    }
    function turnOn(imageName) {
    if (document.images) {
    document[imageName].src = eval(imageName + "on.src");
    }
    }

    function turnOff(imageName) {
    if (document.images) {
    document[imageName].src = eval(imageName + "off.src");
    }
    }

    // -->
    </script>
    [/code:1:975a6fa7c9]
    Und für den <body>-Bereich:
    [code:1:975a6fa7c9]
    <a href="unterseite.htm" TARGET="mitte" onmouseover="turnOn('image1')" onmouseout="turnOff('image1')"&g t;
    <img src="images/eisscholle.gif" width="50" height="55" border="0" alt="" name="image1">
    </a>

    <a href="home.htm" TARGET="mitte" onmouseover="turnOn('image2')"
    onmouseout="turnOff('image2')"&g t;
    <img src="images/formel1.gif" width="50" height="55" border="0" alt="" name="image2">
    </a>
    [/code:1:975a6fa7c9]

    Versuch das doch mal!
    Cu
    Fawkes
    Shit happens!

    Kommentar


    • #3
      Goil mit deinem Code funzt das perfekt :P :P :P

      Vielen vielen vielen Dank dafür. Deine gute Tat hast du für heute erfüllt ;-)

      Kommentar


      • #4
        Kein Problem, man hilft doch gern!
        Shit happens!

        Kommentar

        homepage-forum.de - Hilfe für Webmaster! Statistiken

        Einklappen

        Themen: 56.735   Beiträge: 429.427   Mitglieder: 28.490   Aktive Mitglieder: 41
        Willkommen an unser neuestes Mitglied, KoaLa13bfp.

        Online-Benutzer

        Einklappen

        208 Benutzer sind jetzt online. Registrierte Benutzer: 1, Gäste: 207.

        Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

        Die neuesten Themen

        Einklappen

        Die neuesten Beiträge

        Einklappen

        Lädt...
        X