Ankündigung

Einklappen
Keine Ankündigung bisher.

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

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
  • #1

    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
    Stichworte: -
  • #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

        Vorherige template Weiter

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

        Einklappen
        Themen: 56.895   Beiträge: 430.867   Mitglieder: 28.648   Aktive Mitglieder: 45
        Willkommen an unser neuestes Mitglied, MaJa1.

        Online-Benutzer

        Einklappen

        161 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 159.

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

        Die neuesten Themen

        Einklappen
        Alle anzeigen

        Die neuesten Beiträge

        Einklappen
        Alle anzeigen
        Lädt...
        X