Chief: Ändern eines Bildes beim clicken

SELF-Forum

Ändern eines Bildes beim clicken

Chief
– Informationen zu den Bewertungsregeln

Hallo,

ich habe eine Homepage rstellt mit 3 Frames. Einen "leftFrame", einen "topFrame" und einen "mainFrame".
Der "leftFrame ist für die Navigation zuständig. Mit JavaScript habe ich es gescvhafft, dass sich der Butten (Jpg-Bild) beim überfahren mit der Maus verändert.
Gibt es eine Funktion, bei der sich der Button auch beim draufklicken ändert, und wieder der Alte wird, wenn man auf einen Anderen Button klickt.

Chief

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Ändern eines Bildes beim clicken

    Cheatah
    – Informationen zu den Bewertungsregeln

    Hi,

    ich habe eine Homepage rstellt mit 3 Frames.

    "Ach, Crivens."
    -- Nac Mac Feegle

    Gibt es eine Funktion, bei der sich der Button auch beim draufklicken ändert, und wieder der Alte wird, wenn man auf einen Anderen Button klickt.

    Eine magische, vorgefertigte Funktion gibt es nicht, nein. Was hast Du versucht, und woran ist es gescheitert?

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Ändern eines Bildes beim clicken

    Bobby
    – Informationen zu den Bewertungsregeln

    Moin

    Hallo,

    ich habe eine Homepage rstellt mit 3 Frames.

    Grussel... Versuch dich von Frames zu verabschieden!

    Gibt es eine Funktion, bei der sich der Button auch beim draufklicken ändert, und wieder der Alte wird, wenn man auf einen Anderen Button klickt.

    Du suchst
    onclick() und
    onmouseout()

    Gruß Bobby

    --
    -> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
    -> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
    ie:{ br:> fl:{ va:{ ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Ändern eines Bildes beim clicken

    flashnfantasy
    – Informationen zu den Bewertungsregeln

    Nehme mal an, du nutzt Events ?

    Dann nimmst du MouseIn zum Ändern
    und MouseOut zum Wiederherstellen des Bildes.

    Wenn du das Bild erst wiederherstellen willst, wenn du über ein anderes Bild fährst, dann würde ich zwei globale Javascriptvariablen anlegen, die folgende Infos enthalten

    ZielObject, also ein Image-Element
    ursprüngliche Adresse

    Bei jedem neuen MouseIn wird dann in das ZielObject die Zieladresse geschrieben,
    anschliessend werden diese Variablen mit dem neuen Object und Adresse belegt.

    Wahrscheinlich jetzt alles Bahnhof ?

    egal,
    Flash

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  4. Ändern eines Bildes beim clicken

    chief
    – Informationen zu den Bewertungsregeln

    Mein Quelltext für den linken Frame (also die Navigation) sieht ungefähr so aus:

    <html>
    <head>

    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

    <title>Navigation</title>
      <base target="mainFrame">

    <script type="text/javascript">
    Home = new Image();
    Home.src = "Home.gif";     /* erste Standard-Grafik */
    Home1 = new Image();
    Home1.src = "Home1.gif"; /* erste Highlight-Grafik */

    unserTeam = new Image();
    unserTeam.src = "unserTeam.gif";     /* zweite Standard-Grafik */
    unserTeam1 = new Image();
    unserTeam1.src = "unserTeam1.gif"; /* zweite Highlight-Grafik */

    Impressum = new Image();
    Impressum.src = "Impressum.gif";     /* dritte Standard-Grafik */
    Impressum1 = new Image();
    Impressum1.src = "Impressum1.gif"; /* dritte Highlight-Grafik */

    /* usw. fuer alle weiteren zu benutzenden Grafiken */

    function Bildwechsel (Bildnr, Bildobjekt) {
      window.document.images[Bildnr].src = Bildobjekt.src;
    }
      </script>
    </head>

    <body style="background-image: url(Himmel1.jpg);">

    <table style="text-align: left; width: 197px; height: 323px;" border="0" cellpadding="2" cellspacing="2">

    <tbody>

    <tr align="center">

    <td><a href="Home.html" onmouseover="Bildwechsel(0, Home1)" onmouseout="Bildwechsel(0, Home)"><img src="Home.gif" alt="Home" border="0" height="23" width="119"></a><br>

    <a href="unser%20Team.html" onmouseover="Bildwechsel(9, unserTeam1)" onmouseout="Bildwechsel(9, unserTeam)"><img src="unserTeam.gif" alt="unserTeam" border="0" height="23" width="119"></a><br>

    <a href="Impressum.html" onmouseover="Bildwechsel(10, Impressum1)" onmouseout="Bildwechsel(10, Impressum)"><img src="Impressum.gif" alt="Impressum" border="0" height="23" width="119"></a><br>

    </td>

    </tr>

    </tbody>
    </table>

    <br>

    </body>
    </html>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln