2017-04-05 25 views
0

グッドモーニング、JssorスライダーInternet Explorerの問題

次のWebサイトhttp://mnb-crossmediadesign.de/vorschau/wiewelhove/pellets.php?lang=deは(私はこの前の任意のバージョンを試していない) それはChromeとFirefoxのあなたに完全に正常に動作しますIE 11にいくつかのスライダーの問題があります。

私は

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

にDOCTYPEを変更したり、メタ

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

が、何も私の問題を修正するように見える追加などの検索機能で見つかった別のソリューションの例を試してみました。 奇妙なこともあります。そのページにImを置き、リフレッシュのためにF5を押すと、すべてが正しく表示されます。私がそのページに戻るとすぐに、それは再びうんざりされます。

ありがとうございます。

更新された情報:私が見ている限り、このテスト版のウェブサイトではうんざりされていて、オリジナルではなく、http://wiewelhove.de/pellets.php?lang=deです。奇妙なこと、それは私たちが使用しているPHPのバージョンかもしれない?

+0

スライダーの親コンテナに 'overflow:hidden'を設定しようとしましたか? – jssor

+0

私はそれを試みましたが、IE11では何も変わりませんでした。まだ同じ問題。 – kazaam00nix

+0

どうすればいいのでしょうか。 F5を押してから、新しいページに切り替えるまで、すべてがうまく見えますか? – kazaam00nix

答えて

1

ウィンドウがリサイズしながら、それはrefSizeにスライダーの幅をスケーリング

//responsive code begin 
//you can remove responsive code if you don't want the slider scales while window resizing 
function ScaleSlider() { 
    var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth; 
    if (refSize) { 
     refSize = Math.min(refSize, 735); 
     jssor_1_slider.$ScaleWidth(refSize); 
    } 
    else { 
     window.setTimeout(ScaleSlider, 30); 
    } 
} 
ScaleSlider(); 
$Jssor$.$AddEvent(window, "load", ScaleSlider); 
$Jssor$.$AddEvent(window, "resize", ScaleSlider); 
$Jssor$.$AddEvent(window, "orientationchange", ScaleSlider); 
//responsive code end 

、次のコードを確認してください、あなたは何が起こっているか確認するためにrefSizeを記録することができます。

編集 あなたのstyle.cssに以下の行を削除してください。

#jssor_1 { 
    width: 100% !important; 
} 
+0

本当にjavascriptにはありません。あなたはそれが意味することを説明できますか?単純にrefSizeをエコーするだけで済ませられないのでしょうか? – kazaam00nix

+0

更新された回答をご覧ください。 – jssor

+0

ありがとう、それは完璧に働いた! – kazaam00nix

関連する問題