Jquery Slick.js autoplay carousel反弹最后一张幻灯片，然后反弹回正确的幻灯片

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

先决条件： 根据Slick.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>

   $(document).ready(function() {
        homeCarousel.init();
    });

    homeCarousel.init = function () {
        if ($('.homeCarousel')) {
            $('.homeCarousel').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                autoplay: true,
                autoplaySpeed: 2500,
                infinite: true,
                pauseOnHover: true
            });
        }
    };

• 移除/更改自动播放速度

• 添加点

• 增加/减少幻灯片数量
• 在移动站点中实施（非常有效）
• 将无穷大设置为true（无论如何，这是默认值）
• 删除onerror函数
• 更改“homeCarousel”类名

结果： 仅当自动播放速度较短（1000）时-它前后反弹，没有可见的系统化

标记：

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

   $(document).ready(function() {
        homeCarousel.init();
    });

    homeCarousel.init = function () {
        if ($('.homeCarousel')) {
            $('.homeCarousel').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                autoplay: true,
                autoplaySpeed: 2500,
                infinite: true,
                pauseOnHover: true
            });
        }
    };

---

如果您在slick元素上设置了transition，那么当slick尝试显示正确的幻灯片时，您的transition set可能会发生干扰

---

我会寻找一个与slick无关的“transition:XXs”

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

似乎工作正常，我想：是的，只是不在我的项目中。问题似乎是css类选择器捕获了所有转换（*）。使它更具体，修复了它。@shanshan为了使它“更具体”，你到底在代码中做了哪些更改？我仍然遇到和你一样的问题。@Bryan希望你能解决它。我寻找一个“transition:XXs”作为TGN12suggested@shanshan是的，我解决了，谢谢你的跟进！