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

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

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

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

我删除了slick.css表单