WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:イメージマップでロールオーバー

ゆい [WriteDate : Fri Jun 1 18:33:05 2001]

イメージマップを使ったメニュー画像でロールオーバーをしたいと思ったんですが、ネスケでロールオーバーさせると、いちいち画像を再読込しているのか、画像がちらつくんです。
多分スクリプトに問題があるのだと思いますが原因が分かりません。どなたかご指摘ください。(大もとは書籍についていたCDに収録されていたスクリプトです)

<SCRIPT Language="JavaScript">
// プレロードイメージ
function preloadImage(imgName)
{
    if (document.images) (new Image()).src = imgName;
}
preloadImage("top/m_over/left0.gif");
preloadImage("top/m_over/left1.gif");
preloadImage("top/m_over/left2.gif");
preloadImage("top/m_over/left3.gif");
preloadImage("top/m_over/left4.gif");
preloadImage("top/m_over/left5.gif");
preloadImage("top/m_over/left6.gif");
preloadImage("top/m_over/left7.gif");
</SCRIPT>

    <AREA NAME="left0_area1" SHAPE="RECT" HREF="profile/index.htm"
     COORDS="0,9,146,36" target="main"
     onMouseover="myIMG.src='top/m_over/left1.gif'"
     onMouseout="myIMG.src='top/m_over/left0.gif'">
(同様に他に6つのメニュー項目があります)


YK [WriteDate : Mon Jun 4 09:17:28 2001]

普通、マップは以下の感じになりますが。

<img src="../img/wp29b.gif" usemap="#maptest" alt="Test for map">
<map name="maptest">
<area href="../src/element.htm" shape="rect" coords="0,0,60,60" alt="HTML概説リファレンス">
<area href="../src/htmlmain.htm" shape="circle" coords="120,80,30" alt="ストリクトなHTMLの基礎講座">
</map>

質問のソースだけだと、イマイチよくわかりません。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World