FirefoxとChromeでHTMLを調べたところ、スクリプトではなく、iframeで開いているページに問題があるようです(ただし、心配しないでください。回避策が見つかりました)。
まず、これが問題です。ChromeのインスペクターとFirefoxのfirebugを使用すると、iframeがポイントしていることがわかります。
http://www.weeronline.nl/Go/ExternalWidgetsNew/RainAnd2DaysCity?gid=4057473&temperatureScale=Celsius&defaultSettings=False
そのWebページ内には、別のiframeがポイントしてhttp://www.weeronline.nl/Go/ExternalWidgetsNew/RainWidgetContent?gid=4057473&sizeType=1
います(両方のアドレスは両方のブラウザーで同じです)。
その内側のiframe内には、と呼ばれるdivがありradar-container
、そのcssに.image-rotator-container
は設定されたセレクターがありますdisplay:none;
。グーグルクロームでは、divにはインラインスタイルdisplay:block
(および背景画像)が含まれています。display:block
しかし、Firefoxのdivには(背景画像のみ)がありません。したがって、問題は、teirスクリプトがマップのdivを「表示」していないことです。
良いニュース: iframeを「手動で」リロードすると(firebugを使用してURLに偽のパラメーターを追加することでリロードしたようです:) http://www.weeronline.nl/Go/ExternalWidgetsNew/RainWidgetContent?gid=4057473&sizeType=1&foo
、マップを見ることができます。そのため、ページの読み込み時にiframeのURLを空にしてから、(上で$(document).ready()
)URLを設定できます。
補足:あなたのウェブページはhttp://inpages.nl/jquery.nicescroll.min.js
あなたのサイトからたくさんの画像を見つけることができません。それはあなたの質問とは関係ありませんが、あなたは見てみるべきです。