Question

我在页面中使用光滑的滑块，我需要在悬停图像上缩放图像。所以对于这个我使用缩放jquery插件，它在正常图像工作，但不在光滑的滑块工作。这是我的代码

<ul class="autoplay">
 <li>    
    <div class="inner_item_img1">
        <img src="images/krishna_kanhiya.jpg" class="light-zoom">
    </div>
    <div class="inner_item_txt">
        <p>Krishna is always my source of inspiration.</p>
    </div>
    <div class="clearfix"></div>
</li>

JS

我添加了“lightzoom.js”这个

  $(document).ready(function () {
     $('img.light-zoom').lightzoom({
        zoomPower   : 2,    //Default
        glassSize   : 180,  //Default
    });
});

Answer 1

这对我有用

.slick-slider{
    touch-action: auto!important;
}

Answer 2

我在这里找到了答案：https://github.com/kenwheeler/slick/issues/2505

它适用于“在slick.scss中删除这些行： -ms-touch-action: pan-y; touch-action: pan-y;“

我已删除表单slick.css

Answer 3

您可以使用css规则.slick-slider { touch-action: inherit; }覆盖滑动滑块（v。1.4）

图像缩放在光滑滑块中不起作用

JS

3 个答案: