2012-05-10 10 views
1

私は画像上の地図を使用しています。その地図の中で、私は様々なエリアの上にonmouseoverの効果を得た。また、その領域をクリックすると画像のサムネイルを開くスクリプトがあります。これは私が使用しているスクリプトです:http://britobmarketing.com/thumbnailviewer.jsWebページがFirefoxで動作しないJavaスクリプト

問題は、それがFirefoxで動作していないです。 onmouseover効果ではなく、サムネイルスクリプトではありません。それは単に動作していないだけです。

推奨事項

私は本当にJavaスクリプトに固執し、Jqueryには入りたくありません!

ありがとうございます!あなたがでこれを使用しているページがあると仮定すると

+1

「画像上にマッピングするには、」古代のもののように聞こえます。 –

+1

あなたのコードはフォーマットされておらず(インデントなど)、コードダンプは特に役に立ちません。あなたの質問と資料を重要な部分に限定してください。 JSFiddleの例も役に立ちます。 – Marc

+3

「Firefoxで作業していない」と言うと、「Firefox以外で試したすべてのブラウザで動作します」または「Firefoxでのみテストされて動作しません」という意味ですか? – nnnnnn

答えて

1

http://britobmarketing.com/


あなたの問題は、あなたのイメージマップを定義する方法であると思われます。 JavaScriptを

あなたのイメージマップのセットアップ作業をされていない方法:Firebugのの「要素を調査」で遊んで

<map name="mainMap"> 
    <a rel="thumbnail" href="images/contactUsPic.jpg"> 
     <area onmouseout="document.pic1.src='images/mapPics.gif'" onmouseover="document.pic1.src='images/contactUs.gif'" title="Contact Us" shape="rect" coords="798,481,877,572"> 
    </a> 
    <area target="_blank" href="http://www.facebook.com/britoBMarketing" title="Facebook" shape="rect" coords="884,298,956,357"> 
</map> 

を、targettitleの属性を除去しても問題を取り除くように見えるようです。

また、メインの<area/>はアンカー(<a>)で包まれているため、おそらく動作しません。

このような何か試してみてください:

<map name="mainMap"> 
<area coords="191,138,487,233" shape="rect" href="" onmouseover="alert('hello')"> 
</map> 
関連する問題