slick.jsでピンチインしたい

Question

前提・実現したいこと

slick.jsのスライドショーで、スマホ（iPhone）によるピンチインによる拡大を可能にしたいです。
ちなみにEC-CUBE4で作成したECサイトの商品ページです。
jsのカスタマイズで可能でしょうか？
可能であれば、どの箇所をどのように書き換えたら良いでしょうか？
ご教授ください。

補足情報

・EC-CUBE 4.0.3
・slick 1.6.0

Comments

[Lhankor_Mhy]

「ピンチインを可能にしたい」とのことですが、ピンチインによってどのような動作をさせたいのですか？

[chocoron]

ご回答にありますように、単純に画像の拡大をしたいです。
いただいたご回答は「Swiper」プラグインでの設定かと思いますが、
EC-CUBEに実装されているのが「slick」なので、slickでのカスタマイズを希望です。

[Lhankor_Mhy]

失礼しました、見間違えました。

[Lhankor_Mhy]

再度の確認になってしまい恐縮ですが、「ページの拡大」ではなくて「画像の拡大」がご希望ということですよね？

slickの枠からはみ出た部分の画像については、表示をしない、ということでいいでしょうか？

[chocoron]

ページ全体について拡大したいのですが、slickのスライド上だけ、ピンチ操作が無効になっているようなのです。
viewportでもuser-scalableが無効になっていることもないですし、スライド以外の箇所は問題なく拡大できます。

Answer 1

ピンチ操作で画像の拡大ということであれば、以下が参考になるかもしれません。
当方のiOS環境で試してみたところ、ピンチインで画像が拡大しました。
Zoom | Swiper API
Zoom | Swiper Demos

誤回答だったので訂正

ページ全体について拡大したいのですが、slickのスライド上だけ、ピンチ操作が無効になっているようなのです。

そういうことでしたか。
それでしたら、以下をお試しいただけますでしょうか。

.slider{
  touch-action:auto;
}

Comments

[chocoron]

拡大が可能になりました！ありがとうございました！