訪問済みリンク識別を画像で
いつもお世話になります。
webでは、訪問済みのリンクが文字の色表示が変わることによって識別できますが、この識別を、画像をクリックして跳ぶタイプのリンクでも実現したいのですがJavascriptか何かで出来ないものでしょうか?
よく、javascriptによって、ポインタを乗せると画像が別画像に入れ替わって、ポインタをどけると元の画像に戻るページがありますが、要は、「ポインタが乗ったことを検知して画像が変わる」のではなくて「このリンクがvlinkであるということを検知して画像が変わる」ように出来ないかと思ったのですが…。
例えば、
http://www.tk3.speed.co.jp/garten/patio/
(このサイトは私が作ったものではなく、あくまでも例です)
の場合、左フレームの一番下のボタンをクリックしてリンクを右ウインドウに開き、次にまた別のページにジャンプした時、さっき訪問したリンクである一番下のボタンは赤いボタンにでも変わって、このリンクは既に訪問済みであることが分かるようにしたいのです。
つまり、
ボタン1:未訪問の場合btn1.gifを表示→訪問後はbtn1_v.gifを表示
ボタン2:未訪問の場合btn2.gifを表示→訪問後はbtn2_v.gifを表示
ボタン3:未訪問の場合btn3.gifを表示→訪問後はbtn3_v.gifを表示
と言った具合に、仮にボタンが3つなら6枚の画像を用意するわけです。
尚、私は、前述の「マウスONで画像入れ替え」のスクリプトさえ自分の力でプログラムできないもので、恐れ入りますが、javascriptで実現が可能でしたら、部分的でなく具体的なソースを教えて頂けるとありがたいのですが…。
javascript使用以外の方法でも何でも構いませんので、この目的を達成する方法をご存知の方がいらっしゃいましたらご伝授いただけませんでしょうか?
お礼
回答ありがとうございます! 私が見かけたのはスクリプトでしたが、文字が小さく変化するならスタイルシートでも何でもかまいません。 すみません、適当で。