フロントの人の雑多メモ

【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を正しく読み込めない方はこちら

コメント

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

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

お名前・メールアドレスも入力する

メールで返信がほしい場合に入力してください。

頂いた個人情報は開示しません。返信のためだけに利用いたします。

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

お役に立てましたら応援をお待ちしております!
頂いた応援は子育てに活用させていただきます。

OFUSEで応援を送る


または以下のボタンからなにか買って応援 (PR)

Amazon

楽天市場

Yahoo!ショッピング

Amazonのアソシエイトとして「けん」は適格販売により収入を得ています。

シェア

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

お役に立てましたら応援をお待ちしております!
頂いた応援は子育てに活用させていただきます。

OFUSEで応援を送る