最近、ホームページに画像スライダーを備えた Magento ストアを立ち上げました。Firefox や Chrome などで完全に動作しますが、いつものように IE9 が問題を引き起こしています。
現状では、IE9 では、スライダー内の画像の範囲を検出できず (シーケンスの最初の画像のみが表示されます)、その後どこにもスライドしません。
IE9 開発者モードでは、エラーは次のとおりです。
=======#
SCRIPT438: Object doesn't support property or method 'dispatchEvent'
prototype.js, line 5734 character 7
コードスニペット:
5733 if (document.createEvent)
5734 element.dispatchEvent(event);
5735 else
5736 element.fireEvent(event.eventType, event);
=======#
と...
=======#
SCRIPT5007: Unable to get value of the property 'display': object is null or undefined
prototype.js, line 2542 character 5
コードスニペット:
2538 else if (Prototype.Browser.IE) {
2539 Element.Methods.getStyle = function(element, style) {
2540 element = $(element);
2541 style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize();
2542 var value = element.style[style];
2543 if (!value && element.currentStyle) value = element.currentStyle[style];
=======#
Magento (1.6.2.0) では、prototype.js (1.7) の最新バージョンを使用しています。
また、ヘッドに IE 標準モードを追加しました...
<!-- Enable IE8 Standards mode -->
<meta http-equiv="X-UA-Compatible" content="IE=8" >
同様のエラーは Firefox と Chrome でも表示されますが、機能には影響しないようです。
何を修正すればよいかわからないので、誰でも親切に見て、問題がどこにあるのかをアドバイスしてください。問題のサイトはhttp://www.showermania.co.uk/
前もって感謝します。