[read]

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

### 実現したいこと

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

初めは右矢印→のみ

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

最後は左←のみ

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

設定ではできないので 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__canvas の data-current が 0 のときで大丈夫ですが、「最後のスライド」を判定する方法がないので、最後のスライドのときに関しては data-current の数値を決め打ちにする必要があります。

♥ 10

いいねをした人:

[read]

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

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

♥ 1

いいねをした人:

[投稿者]

投稿