ランダム表示画像にリンクマップを貼れますか？

質問

ページの上部に、ページが更新するたびに違う画像が
表示されるようにJavaScriptで記述をしているのですが、
その画像の数箇所に、別々のURLを貼りたいのです。

ランダム表示ではない通常の画像の場合、
それぞれの形に合わせてエリアを指定し、
リンクマップをすればいいと思うのですが、
ランダム表示をしている画像に対しては
どうすれば良いのでしょうか？

また、リンクを貼る部分をオンマウスオーバーするようにも
したいのです。

このような事は可能なのでしょうか？

回答No.1

mazimekko3

要するにランダム画像におけるクリッカブルマップですね。

「mapタグにidを指定しておいて、画像ごとにinnerHTMLでareaタグごと書き換える」が使えるかと。

> また、リンクを貼る部分をオンマウスオーバーするようにも
したいのです。

ちょっと良くわかりませんが、画像のロールオーバーを行ないたいということですか？
onmouseoverで「特定のテキストを書き換える」ことはできますが、「画像の一部に特殊な効果を与える」ことはできません。

お礼

返事が遅くなり申し訳ございませんでした。
最終的には、見た目は１枚画像に見えるけど、実際の動きとしては、画像を上下で切り分け、
上部をランダムな動きにし、下部を固定でロールオーバーするようにしました。

どうもありがとうございました。