フロントの人の雑多メモ

【FlexSlider 2】ウィンドウのフォーカスを外すと止まってしまう時の対処法

【FlexSlider 2】ウィンドウのフォーカスを外すと止まってしまう時の対処法

jQueryのスライダープラグイン「FlexSlider 2」をPCで表示している時に、ウィンドウのフォーカスを外すとスライダーが止まってしまう時の対処法をご紹介します。

止まってしまうサンプル

PCで開き、違うウィンドウにフォーカスを変えてみてください。

止まってしまうと思います。

一応これ、 FlexSliderの仕様 のようですが、止めないようにする方法をご紹介します。

対処法

ウィンドウにフォーカスしてない時でもスライダーを止めないようにするには

flexslider.jsの1145行目付近

以下の記述をコメントアウトします。

// Ensure the slider isn't focussed if the window loses focus.
$( window ).blur( function ( e ) {
  focused = false;
}).focus( function ( e ) {
  focused = true;
});

このように

// Ensure the slider isn't focussed if the window loses focus.
//$( window ).blur( function ( e ) {
//  focused = false;
//}).focus( function ( e ) {
//  focused = true;
//});

これを適用したのがこちらですが、止まらなくなったはずです。

iframeを正しく読み込めない方はこちら

コメント

「できました!」などの報告もお待ちしております。

内容を確認の上、個人情報などは省いて掲載させていただきます。

直接送信されます。確認の上、「送信」してください。

シェア

Twitterでシェア Facebookでシェア LINEでシェア はてなブックマークでシェア