[大西 武史]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】バージョン: 7.6.1
【お使いのブラウザ】Chrome
【当該サイトのURL】https://spicato.com/

===

お世話になっております。

大西です。

 

要望が１つ出てきましたので、投稿させて頂きます。

上記のサイトのように、

トップページのメインビジュアルのように

スライダーがじわーっとズームする演出って

できませんでしょうか？

 

現在もう既にあったらやり方を教えて頂きたいです。

まだであれば、追加して頂けると嬉しいです＾＾

どうぞよろしくお願いいたします。

 

♥ 0

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

[キタジマ タカシ]

うーん、そうですね、ご提示のサイトだと JS でつくり込んでいるようですが、Snow Monkey の場合だとそれは難しいと思うので、やるなら CSS アニメーションでなんとかする感じかなぁと思います。ちょっとやってみないと可能かどうかなんともわからないので、ちょっと調査しますね。

♥ 0

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

[大西 武史]

ありがとうございます＾＾

どうぞよろしくお願いします。m(__)m

♥ 0

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

[キタジマ タカシ]

下記でどうでしょう？

.smb-slider .smb-slider__item__figure img {
    transition: transform 15s; /* 何秒かけて変化させるか */
}

.smb-slider .slick-current .smb-slider__item__figure img {
    transform: scale(1.1); /* 何倍まで変化させるか */
}

ちょっと問題もあって、スライダーがマウスオーバーで停止するので、ずっとマウスを乗せておくと途中でズームが終わってしまいます。普通にサイトを見る人にとってはそこまで発生しない現象かもしれませんが、気になるようでしたら秒数と倍数をもっと大きくすれば多少ごまかせるかもしれません。

♥ 0

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

[大西 武史]

確認しました。

 

めっちゃいい感じです＾＾

 

ありがとうございます。

 

使わせて頂きますm(__)m

♥ 0

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

[投稿者]

投稿