droom: change the image if already visited

ich benutze diese js:
<img name="home" onMouseOver="document.home.src='images/home_act.gif';" onMouseOut="document.home.src='images/home.gif';" src="images/home.gif" border="0">

aber ich möchte gern ein anderes Bild anzeigen, wenn der Besucher schon aufm Bild geklickt hat. Praktisch so was wie "visited" bei dem Link.

Wie baue ich das ein?

  1. Hi,

    Wie baue ich das ein?

    dazu muesstest Du irgendwo per onclick speichern, ob eine Link bereits besucht wurde. Moeglichkeiten: Cookies, versteckter Frame, window.name (weiss momentan nicht, ob noch alle Browser das koennen). Diese Info wertest Du onload aus und setzt die Bilder auf den entsprechenden Status.

    Gruesse, Joachim

    --
    Am Ende wird alles gut.
    1. Hi,

      window.name (weiss momentan nicht, ob noch alle Browser das koennen).

      Nein, der Netscape 2.0 kann das nicht. (SCNR)

      Gruß, Cybaer

      --
      Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
  2. Hallo droom,

    aber ich möchte gern ein anderes Bild anzeigen, wenn der Besucher schon aufm Bild geklickt hat. Praktisch so was wie "visited" bei dem Link.

    Da es a:visited als Pseudoklasse gibt, mach den Bildertausch doch einfach mit CSS!

    Wie baue ich das ein?

    <html>
    <head>
    <title>Visited Pic</title>
    <style type="text/css">
    <!--
    a#deinLink {
      background-image:url(unvisited.gif);
      width: 50px;
      height: 50px;
      float:left;
    }

    a#deinLink:visited {
      background-image:url(visited.gif);
    }
    -->
    </style>
    </head>
    <body >
    <a id="deinLink" href="andereseite.html"></a>
    </body>
    </html>

    Gruß Gernot