光滑滑块 - 通过保持图像在手机上保存图像

Question

我正在使用SlickSlider（这是一个了不起的滑块）作为我网站的图库页面。

但是我只在手机上遇到问题。 当用户在移动设备上点击并保留图像时，保存图像的选项永远不会出现（仅限移动设备）

我正在研究鼠标悬停时的一些超时功能，但我没有运气。

您可以在Codepen

上看到我在这里做的类似示例

HTML

 <div class="container">
   <div class="gallery-slider">
     <div>
       <img src="https://kenwheeler.github.io/slick/img/fonz1.png" alt="">
     </div>
     <div>
       <img src="https://kenwheeler.github.io/slick/img/fonz2.png" alt="">
     </div>
     <div>
       <img src="http://kenwheeler.github.io/slick/img/fonz3.png" alt="">
     </div>
  </div>
</div>

JS

$('.gallery-slider').slick({
  infinite: true,
 });

Answer 1

在css中添加img个元素：

  -webkit-touch-callout: default;
  -webkit-user-select: default;
  -khtml-user-select: default;
  -moz-user-select: default;
  -ms-user-select: default;
  user-select: default;