Slick.js自动播放旋转木马弹回最后一张幻灯片，然后反弹回正确的幻灯片

Question

我在我的.Net站点中使用带有自动播放配置的slick.js轮播。在最后一张幻灯片上，它会弹回上一张幻灯片大约一秒钟。之后，它会反弹回正确的幻灯片。

前提条件： 所有文件和库都包含在Slick.js和本网站的其他q＆amp; a中的位置

检查了什么：

• 删除/修改autoplaySpeed

• 添加点

• 增加/减少幻灯片数量
• 在移动网站上实施（效果很好）
• 将infinity设置为true（无论如何都是默认值）
• 删除onerror功能
• 更改“homeCarousel”类名称

结果： 只有当autoplaySpeed很短（1000）时 - 它才会反弹并且没有可见的系统化

标记：

$ git rm -f http.c
rm 'http.c'

JS（在另一个文件中，包）：

<div class="homeCarousel"> 
    <div> 
    <a href="/Article/QA%20Article%20friendly%20name%20">
<img alt="First image Main Ban\dsvfner " data-alt-source="homepage/fbBg.jpg?v=0" onerror="javascript:common.imageLink.replaceSourceOnError()" src="http://az742468.vo.msecnd.net/images/homepage/fbBg.jpg?v=0">
</img>
</a> 

    </div> 
    <div> 
    <a href="/Article/UFO%20Kfir"><img alt="Third image Main Banner " src="http://az742468.vo.msecnd.net/images/homepage/Kids_main_mnn_MNN.jpg?v=0">
</img>
</a> 

    </div> 
    <div> 
    <a href="/Article/acdascd"><img alt="Fifth image Main Banner " src="http://az742468.vo.msecnd.net/images/homepage/Fathers_day_2015_main_mnn1.jpg?v=0">
</img>
</a> 
    </div> 
    </div>

Answer 1

如果您在光滑元素上设置了转换，那么当光滑尝试显示正确的幻灯片时，您的转换集就会干扰。

我会寻找与光滑无关的“过渡：XXs”

Answer 2

问题是css类选择器捕获所有转换（*）。使它更具体地修复它。