[rie0310]

【お使いの Snow Monkey のバージョン】25.2.4
【お使いの Snow Monkey Blocks のバージョン】20.3.5
【お使いの Snow Monkey Editor のバージョン】9.3.2
【お使いのブラウザ】chrome
【当該サイトのURL】

### 実現したいこと

最近の投稿ブロックのカルーセルを使用した場合に、左右の画像が少し見切れるようにしたいです。

方法はございますでしょうか？

ご多忙の中、大変恐縮ですがご教示いただけますと幸いです。よろしくお願いいたします！

♥ 0

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

[キタジマ タカシ]

最近の投稿のカルーセル、基本3枚表示でスライドだったと思いますが、これを真ん中の1枚だけをちょっと大きめに表示、左右のものははみ出した部分が隠れるように表示したい、という認識であっていますかね？

♥ 0

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

[rie0310]

お返事ありがとうございます！

1枚を大きくするのではなく3枚表示した上で左右にも見切れる形にしたいので、実質5枚表示、1と5を20%ほど表示したいです。

よろしくお願いいたします！

♥ 0

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

[キタジマ タカシ]

ちょっと書いてみました。数値は適当に書き換えてください。

@media (min-width: 640px) {
    .c-entries-carousel .spider__canvas {
        width: calc(100% + var(--entries--carousel--gap) * 4); // 4 は枚数 - 1
        transform: translateX(-10%);
    }
    .c-entries-carousel .spider__slide {
        max-width: calc(20% - var(--entries--carousel--gap));
    }   
}

ただ、やはり、現状 Swiper でいうアクティブなスライドを中央に配置するような機能が Snow Monkey のスライダーには無いので、無理矢理感はあるかなと思います。他に実現できるプラグインがあるようなら、それを使うほうが安定するのではないかと思います。

♥ 0

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

[投稿者]

投稿