コンテンツスライダーの矢印の表示を変える方法

0
いいねをした人: 居ません
  • このトピックには2件の返信、2人の参加者があり、最後にreadにより1年、 10ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #114646
    read
    参加者
    13

    【お使いの Snow Monkey のバージョン】バージョン: 17.2.6
    【お使いの Snow Monkey Blocks のバージョン】バージョン 16.0.9
    【お使いの Snow Monkey Editor のバージョン】バージョン 8.0.2
    【お使いのブラウザ】Chrome
    【当該サイトのURL】テスト環境

    ### 実現したいこと

    いつもお世話になっております。
    コンテンツスライダーで、以下のように表示させる方法はございますか?

    初めは右矢印→のみ

    スクロール中は両方の矢印

    最後は左←のみ

    0
    いいねをした人: 居ません
    #114672
    アバター画像キタジマ タカシ
    参加者
    2371

    設定ではできないので CSS でカスタマイズする形になります。例えばこんな感じでしょうか。

    /* 1枚目のとき、prev ボタンを非表示にする */
    .smb-spider-contents-slider .spider__canvas[data-current="0"] + .spider__arrows .spider__arrow[data-direction="prev"] {
        visibility: hidden;
    }
    
    /* 3枚目のとき、next ボタンを非表示にする */
    .smb-spider-contents-slider .spider__canvas[data-current="2"] + .spider__arrows .spider__arrow[data-direction="next"] {
        visibility: hidden;
    }

    「最初のスライド」は .spider__canvasdata-current0 のときで大丈夫ですが、「最後のスライド」を判定する方法がないので、最後のスライドのときに関しては data-current の数値を決め打ちにする必要があります。

    10
    いいねをした人:
    #114737
    read
    参加者
    13

    大変お世話になっております。
    お忙しいところ、迅速にご教授をいただきまして、誠にありがとうございます。
    実現したかったことを再現出来ました。心より感謝申し上げます。

    「最後のスライドで矢印を消す」は判定方法がないので決め打ちにするしかないとのこと、承知いたしました。

    1
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「コンテンツスライダーの矢印の表示を変える方法」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。