change the image if already visited
droom
- javascript
0 Joachim0 Cybaer
0 Gernot Back- css
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?
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
Hi,
window.name (weiss momentan nicht, ob noch alle Browser das koennen).
Nein, der Netscape 2.0 kann das nicht. (SCNR)
Gruß, Cybaer
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