[ 解決済 ] 切り替えのアニメーション(fade)中に矢印ボタンを押せるようにしたい

VWSとは フォーラム Lightning [ 解決済 ] 切り替えのアニメーション(fade)中に矢印ボタンを押せるようにしたい

[ 解決済 ] 切り替えのアニメーション(fade)中に矢印ボタンを押せるようにしたい

  • このトピックには2件の返信、2人の参加者があり、最後にARTFLAIRにより1年、 5ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #76701

    ARTFLAIR
    参加者

    ■ WordPress のバージョン
    6.2.2

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    15.9.3

    ■ Pro Unit のバージョン
    0.25.1

    ■ スキンの種類
    Origin III

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ 期待する動作
    切り替えのアニメーション(fade)中に矢印ボタンを押せるようにしたい

    ■ 自分で試した事
    外観→カスタマイズ→Lightning トップページスライドショー で設定を調整しても変化がありません。
    切り替えのアニメーション(クロスフェード)中は、矢印ボタンが押せない仕様になっているかと考えております。

    ■ 症状が発生するブラウザ
    Google Chrome

    ■ 実際の症状
    スライドショーの設定にしてスライド効果を「fade」の設定中の場合、表示される矢印ボタンが反応しません。(反応するときもあります)

    メイン画像のスライドの矢印ボタンをクリックしても、スライドが切り替わってしばらくしないと反応しません。

    外観→カスタマイズ→Lightning トップページスライドショー で設定を実施しております。

    Attachments:
    You must be logged in to view attached files.
    #76707

    切り替えのアニメーション(クロスフェード)中は、矢印ボタンが押せない仕様になっている

    実際の動きを見ると、Lightning で使われている Swiper はそういう仕様がデフォルトになっていますね。

    おそらく、ダブルクリックされて2つ進んでしまうことを防ぐためなのかなと推測します。

    ちなみに、Swiper の API を見るとオプション指定でクリックを有効にできるみたいなことが書いてあります。

    https://swiperjs.com/swiper-api#param-preventClicks

    preventClicks のあたりです。

    Lightning のスライドショーを使わずに、Swiper で作ればできるかもしれません。

    • この返信は1年、 5ヶ月前に対馬 俊彦が編集しました。
    #76889

    ARTFLAIR
    参加者

    Swiperの件、ありがとうございます。
    今回の希望内容は以下の変更で実現できました。

    ▽実施内容
    Lightning トップページスライドショー 内のスライド切り替え間隔を小さな数値(今回は10)へ変更

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。