月別アーカイブ: 2012年11月

Start/Stop Slider の IE6 対応

画像のスライドをかっこ良く行える jQueryプラグインの一つである、Start/Stop Slider を組み込んだサイトを作成してみた。
工業機器の紹介サイトの作成だったのだが、メインイメージの表示に使えると思う。

デモへのリンク

仕組みはまだ良くわかっていないのだが、写真を指定した枚数分横に並べて、1枚のサイズ分ずらしてスライド表示している様子。
IE9, FF, GC で確認を行った限りでは、作成したサイト用に修正したページも、ダウンロードした ZIP に添付されているデモデータもきちんと動作していた。

しかしながら、IE6 での動作確認を行うと写真が全部表示され、イメージの部分だけ横にビロ~ンと伸びた表示になってしまう。
Google先生に聞いても日本語ページでは対応方法を発見できなかった。

少し悩んだのだが、写真をデフォルトでラップする #slider という div に写真1枚分の width を設定すると回避できた。

今回の対応は、結果的にうまく行ったのだが #slider をキーに検索してヒットしなかったので、もっと良い方法があるのかもしれない。
もし、このページに来られた方でより良い対応方法を発見された方は、ぜひコメントをお願いします。