光滑滑块 - 通过按住图像将图像保存在移动设备上

Question

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

但是，我仅在移动设备上遇到问题。当用户在移动设备上单击并按住图像时，保存图像的选项永远不会显示(仅限移动设备(

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

你可以在这个代码笔上看到我正在做的事情的类似例子

.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;