この jQuery プラグインに基づく画像ギャラリーがあります。
http://jqueryfordesigners.com/demo/slider-gallery.html
これは、Firefox、Chrome、さらには IE 7.0 でも非常にうまく機能しますが、IE 8.0 で 50 を超える画像で試してみると、パフォーマンスが信じられないほど遅くなります。サムネイルにカーソルを合わせると、CPU 負荷が 100% になります。
最初はJavascriptの問題かと思ってIEのプロファイラーを使ってみたのですが、結果は正常でした。次に CSS をチェックしたところ、最終的に原因がわかりました。
.sliderGallery UL LI {表示: インライン; }
これにより、サムネイルが水平方向に整列されます。display:block の場合、パフォーマンスは問題なく、スクローラーはまだ動作していますが、親指が垂直に配置されているため、明らかにおかしいように見えます。
私の質問:
- 多くの display:inline 要素で IE 8 にこの問題があるのはなぜですか
- それを解決するために私は何ができますか
必要に応じて、より多くの情報を喜んで提供します。