リンク「春」「夏」「秋」「冬」にマウスが乗ると画像が入れ替わる.
設定は「春」「夏」「秋」「冬」に対応する画像のパスを設定する.
マウスアクションとは別の場所の画像を入れ替えるためには,その「画像を入れ替える<img>タグを識別する名前」が必要になる.ソースでは "MAIN_IMAGE" という名前を付けることで,どこの画像を入れ替えるのかが分かる仕組みになっている.swapMainImage関数はその"MAIN_IMAGE"と名のついた画像を「春」「夏」「秋」「冬」に応じて,対応する画像に入れ替える関数である.
プログラムでは画像をキャッシュしているが,必ずしも必要なロジックではない.
画像提供 : PhotoBox YAS
戻る ]