InnerFade with JQueryの動作が速すぎる時はjQuery本体のバージョンを下げる

InnerFade with JQueryの動作が速すぎる時の解消方法

時々仕事でInnerFade with JQueryというjQueryプラグインを使うのですが、今日すごくはまって、解決方法がわかったのでメモしときます。

InnerFade with JQueryとは

よく、サイトのトップページにあるメインビジュアルを、ふわっと切り替えて表示するプラグインです。

サンプル

こんな感じ。

Chromeでタブを切り替えた時におかしくなる

設置そのものは非常に簡単なのですが、どうも動作がおかしい時があって、

  • Chrome又はFirefoxでこのプラグインを設置したページと別のタブを開き、他のページを見てから戻ってくると、画像の切り替え速度が異常に速くなっている(それ以外の環境でも発生する可能性があるけど、確実に現象を再現できたのはこの2つ)
  • ずーっと動作をループさせていても、時々突然切り替わりが速くなる

という現象が起きてしまいました。

今まで設置した他のサイトと全く同じようにやっているので、どこがおかしいか全く分からなくてかなり悩んだのですが、今日やっと解決方法が分かりました。

InnerFadeを使う時はjQuery本体のバージョンを最新版にしてはいけない

色々調べている途中で、同じ動作をするスクリプトを作っているかたの記事を見て、やっとどこがおかしいか分かりました。

Firefoxだけ、最初の挙動は正常なのですが、途中で動作がおかしくなることがありました。原因がわからずしばらく悩んでいたんですが、jQueryのバージョンを落としたら正常に動作しました。
jQueryで画像やテキストを自動で切り替える [Cool Web Window]

‥‥これだ!

というわけで、jQuery本体のバージョンを、1.6.2→1.5.2まで下げると、速度異常が見られなくなりました。
たぶんこれで大丈夫かも。

InnerFade使ってて大丈夫?

これは個人的に気になるなーって感じで、私はjQueryあんまり詳しくないので「気がする」ってレベルの話なんですが、InnerFade 、これ、もうできれば実務・案件では使いたくない感じです。

理由はいろいろあるのですが、

  • 英語で問い合わせできなさそう。 ユーザーフォーラムとか質問をできる場所がない。
  • 説明サイトは英語で書いてあるけど、作者さんのサイトはドイツ語か何か、英語以外の言語で書いてあって、ブログにコメント欄がない。
  • 最後にアップデートされたのが2008年2月(4年前)
    今後jQueryの新しいバージョンでは使えないのでは? 現に1.6.2ではおかしくなるわけだし。

ブログも2010年からずっと更新されてないみたいで、今後アップデートはないんじゃないかなという気がしてなりません。
自分で直して使えるなら良いけど、私の場合はそうではないので、ちゃんと最新のjQueryに対応してるとか、問い合わせできるとか、そういうのをちゃんと探しておかないといけませんね。
まあ、自分で全部書くのが一番良いのですが。

参考・関連サイト

jQueryで画像やテキストを自動で切り替える [Cool Web Window] 

画像ポップアウト・イメージギャラリー・スライドショー|jQuery plugin|Ajax|PHP & JavaScript Room
 

このエントリーをはてなブックマークに追加
週末日記
新年度