jquery - 匹配旋转高亮箭头 div

Question

在将正确显示在页面上的自定义 javascript jquery 代码中使用图像

Answer 1

您可以通过插件使用其 dots 属性来完成此操作。我知道它不适用于初始幻灯片。您必须等待它转到下一张幻灯片才能工作。

http://codepen.io/anon/pen/gbZeaZ

$(function() {
    $('.banner').unslider(
    {
      speed: 500,               //  The speed to animate each slide (in milliseconds)
    delay: 5000,

      dots:true,
      complete:function () {
        var index = $('#hp-banner .dot.active').index ();
        $('#hp-banner-right li').removeClass ('active').eq (index).addClass ('active');
      }
    }
    );
});

启用点会将点添加到 slider ，您可以单击这些点以转到特定幻灯片。当前点将有一个 active 类。您可以使用 complete 回调找出事件点的索引，然后为相应的横幅链接提供适当的类。

我在这个问题上找到了那个方法。 https://github.com/idiot/unslider/issues/168